web analytics

1. Getting Started

Before building your site, better take a look at this section.

1.1. Theme Installation

Extract the zipped package downloaded from ThemeForest to your desktop, in the extracted package you will find the charles.zip file which is the WordPress theme.

You can install the theme in two ways:

FTP: Extract charles.zip file and upload the extracted folder to /wp-content/themes/ folder on your server.

WordPress: Navigate to Appearance -> Add New Themes -> Upload page. Select charles.zip file. Press the Install Now button to upload and install the theme.

After uploading the theme, you have to activate it. Navigate to Appearance -> Themes page to activate the theme.

1.2. Demo Import

If you want your site to look like exactly the ‘Charles’ demos then you have to import the demo content successfully.

We integrated the One Click Demo installation feature to ‘Charles’ WordPress theme. You can import all demo content just by a click only.

OneClick Demo Installation Process

  • Install the theme and active it. Then install all required plugins. Make sure all the required plugins are activated.
  • After activating all the required plugins navigate to Appearance > ‘One Click Demo Import’ menu from the WordPress dashboard.

Note: If the option data do not import then you have to import it manually. Navigate to ‘Theme Settings > Backup’. Then copy-paste the backup string here and click on the Import a Backup button. You will find the backup string in the options.txt file.

The recommended method to import the demo content.

If you failed to import the demo content by one click then you have to follow the below steps to import the demo content manually.  You will get all demo content data with the theme package. You will find the demos in ‘charles>inc/demo{disired-demo-number} this path.

  • Navigate to Tools > Import then install the WordPress plugin and click on the ‘Run Importer’. Upload here the ‘theme_content.xml’ file.
  • Install the Widget Importer & Exporter plugin to import the demo widgets. Then navigate to Tools > Widget Importer & Exporter and upload here the ‘widget_data.wie’ file.
  • Now you have to import the Dental Options as like the demo. Navigate to ‘Theme Settings > Backup’. Then copy-paste the backup string here and click on the Import a Backup button. You will find the backup string in the options.txt file.

1.3. Required Plugins

After installing the theme you most have to install the ‘Charles Core’, ‘Elementor’ and ‘Piklist’ plugins to import the demo content as well and work the theme correctly.

You will find all required and recommended plugins at Appearance > Install Plugins.

1.4. System Requirements

To use Charles you need to have a WordPress 4.0 (or higher version) site with PHP 5.4 or more running on your hosting server. If you’ve already installed WordPress on your server and your site is up, that’s great. For help regarding WordPress installation, please see this WordPress Codex link.

Some more resources from WordPress Codex:

2. How to (FAQs)

Harum proident? Volutpat sint. Dicta. Eleifend, distinctio placeat nec commodo asperiores posuere fusce illo, adipiscing leo velit ipsum. Mauris enim itaque penatibus, consectetur fermentum, vel temporibus interdum

2.1. Updating Your Theme

We are strongly recommended to install “Envato Toolkit” plugin for ease of use. Once necessary plugin installed and activated “Envato Toolkit” menu will be available at your admin side.

Important : If you have missing plugins or having issues to install any of them, all the related could be found under “recommended-plugins” folder within the downloaded package.

User Account Information

To obtain your API Key, visit your “My Settings” page on any of the Envato Marketplaces. Once a valid connection has been made any changes to the API key below for this username will not effect the results for 5 minutes because they’re cached in the database. If you have already made an API connection and just purchase a theme and it’s not showing up, wait five minutes and refresh the page. If the theme is still not showing up, it’s possible the author has not made it available for auto install yet.

Marketplace Username: Enter your Envato marketplace username.

Secret API Key: Enter your Envato marketplace Secret API Key (http://themeforest.net/user/[your-username]/api_keys/edit, Login to your Themeforest account, Settings > API Key)

Backup Information

This plugin will automatically save your theme as a ZIP archive before it does an upgrade. The directory those backups get saved to is wp-content/envato-backups. However, if you’re experiencing problems while attempting to upgrade, it’s likely to be a permissions issue and you may want to manually backup your theme before upgrading. Alternatively, if you don’t want to backup your theme you can check the box below.

Skip Theme Backup: Strongly recommended keep unchecked.

Alternative Way

You can also update the theme by replacing the old theme folder. First go to your theme directory then delete the theme folder and paste the new version of the theme.

2.2. How to set site’s favicon

Go to Appearance > Customize > Site Identity. Then Select an image as site icon. It’s recommended to use a .ico image as the site icon (favicon).

 

2.4. How to Paginate a Post ?

In order to paginate your blog post, in the Write panel in your WordPress admin, switch to the TEXT view (if you are using the Visual view) and then enter the following code to wherever you want to break the post up into a new page:

<!--nextpage-->

2.5. How to apply custom CSS code.

You can apply your own custom CSS code on Charles theme. Your custom CSS code will not be lost even if you update the theme.

Navigate to Appearance > Customize > Additional CSS

Take a look at the screenshots-

3. Sample Guide

Non aptent facere unde placeat habitant minus numquam, cubilia orci accusantium laoreet vel, illum! Mauris placerat. Nibh fuga, luctus dignissim cursus, exercitationem, viverra ratione similique aut, culpa tellus. Turpis fusce, eos cupiditate, turpis? Pede leo repudiandae, praesent laborum dolore eum consequatur provident ullamco praesent, officia! Ipsam nam auctor repudiandae laoreet diamlorem possimus aptent? Mollis iure laudantium ratione malesuada facilis vivamus nec ullamcorper sapiente pharetra nisl tempora cras doloremque, nihil ligula ut reprehenderit? Eiusmod? Egestas fermentum aliqua, occaecat mollis pulvinar sapien! Ab suscipit morbi rhoncus magnam maxime. Officia facilisis, curae odio, rhoncus egestas iure venenatis quidem! Veritatis magnam commodo magnis qui.

Magnam rutrum pretium inventore ridiculus netus. Ducimus cursus facilis eleifend, congue odit venenatis conubia mi provident exercitationem dictumst aenean vel, eleifend mi lacinia porttitor. Incidunt nisl laoreet, suspendisse nam nemo suspendisse luctus, donec parturient necessitatibus itaque tempora beatae eos non ratione ornare consequat consequat cursus hac deleniti esse natus ridiculus. Ultricies alias, cum sociosqu error praesent, nonummy vero optio, aute, nec natoque! Excepteur, saepe, magnam assumenda non cursus, at sociis, nihil ridiculus! Egestas non omnis, gravida nonummy eligendi? Sapien do totam mollis blandit iure, rerum vestibulum hymenaeos explicabo, purus dolore? Habitant consequatur. Curae incididunt sem minim. Explicabo morbi, corporis. Malesuada.

3.1. Optimize Images

Optimizing your images will helps your WordPress site load faster.

Download and activate WP Smush.it This plugin will optimize every image you upload and you can use the Bulk Smush.it feature to smush all of your uploaded images.

Alternatives to WP Smush.it include EWWW Image OptimizerCW Image OptimizerImsanity and Hammy and Compress JPEG & PNG images

Many WordPress users prefer using these plugins as they do not rely on an external server to process your images.

3.2. Language Translations

All of our Themes are able to be translated into any language. The process of translating the theme is a user responsibility. The following instructions are given as guidance.

  1. Open wp-config.php and replace this: define ('WPLANG', ''); with this (substitute the language string (bg_BG) with your own!): define ('WPLANG', 'bg_BG');
  2. Download and install POEDIT
  3. Connect to your site -> open your theme/languages directory
  4. Download the default.pot file and open it with POEDIT.
  5. Translate file and save it as bg_BG (the file name must match with the string you inserted into wp-config.php)
  6. Two files will be generated after save. bg_BG.pot and bg_BG.mo
  7. Upload the .mo and .pot files into wp-content/themes/your-theme/languages folder
Your WordPress installation should be in the language you intend on using the site.

3.3. Sample doc title issues

What is an Extension?

For editing menu navigation settings go to  Theme Options > Header > Top of Header . So I said cup of tea Queen’s English owt to do with me I don’t want no agro cheers cheeky bugger fanny around baking cakes down the pub happy days, JamesBond daft a load of old tosh buggered he lost his bottle lost the plot he nicked it a blinding shot.

[docly_tooltip id=”1″]Tooltip text[/docly_tooltip] mufty quaint no biggie cras baking cakes barney bamboozled, what a plonker bum bag he legged it young delinquent knees up Eaton the full monty arse over tit, my lady buggered happy days amongst bugger all mate are you taking the piss brolly. [docly_tooltip id=”2″] Tooltip Content [/docly_tooltip] off a blinding shot matie boy old gosh barney grub dropped a clanger. And for styling menus go to  Theme Options > Header > Top of Header > Menu Styles of this Row

Tosser are you taking the piss cuppa porkies pardon you butty lost the plot William bog lemon squeezy bite your arm off Richard, say what a load of rubbish cockup I don’t want no agro twit young delinquent cack bodge a bonnet.

Unordered list items

  • Go to Docly SettingsHeader Logo
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet

Ordered List Items

  1. Go to Docly SettingsHeader Logo
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet

3.4. Example Title Doc

What is an Extension?

For editing menu navigation settings go to  Theme Options > Header > Top of Header . So I said cup of tea Queen’s English owt to do with me I don’t want no agro cheers cheeky bugger fanny around baking cakes down the pub happy days, JamesBond daft a load of old tosh buggered he lost his bottle lost the plot he nicked it a blinding shot.

[docly_tooltip id=”1″]Tooltip text[/docly_tooltip] mufty quaint no biggie cras baking cakes barney bamboozled, what a plonker bum bag he legged it young delinquent knees up Eaton the full monty arse over tit, my lady buggered happy days amongst bugger all mate are you taking the piss brolly. [docly_tooltip id=”2″] Tooltip Content [/docly_tooltip] off a blinding shot matie boy old gosh barney grub dropped a clanger. And for styling menus go to  Theme Options > Header > Top of Header > Menu Styles of this Row

Tosser are you taking the piss cuppa porkies pardon you butty lost the plot William bog lemon squeezy bite your arm off Richard, say what a load of rubbish cockup I don’t want no agro twit young delinquent cack bodge a bonnet.

Unordered list items

  • Go to Docly SettingsHeader Logo
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet

Ordered List Items

  1. Go to Docly SettingsHeader Logo
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet

4. Theme Settings

Quos vestibulum dictum irure recusandae, aliquet, ullam quod fugit, dictumst, optio, parturient auctor pulvinar, inceptos sem. Habitasse! Mattis, litora ipsum, fringilla elementum.

4.1. Header Settings

In the Header settings section, you will get a lot of header customization options. In this section, you can change the logo and set the menu button, navigation bar settings etc.

4.2. Theme updating issue

Sometimes, your website may break when you update the new version of the theme.

You have to delete the Charles core plugin before installing the updated theme in this case. Then install the plugin again from Appearance > Install plugins after installing the new version.

4.4. Page Building

Create a new page

  1. On the top left side of the WordPress dashboard, click Pages > Add New
  2. Click Edit with Elementor to enter Elementor Page Builder.


The website editing screen is located on the right side. This is your workspace, where you can add sections and templates.

The panel is located on the left side of the screen and contains creative tools called widgets, that allow you to add elements to your page.

Some of the most commonly used widgets include Button, Image, text, and more.

To find a specific widget, use the search field.

5. Some common issues

We adding here solutions on regarding some common issues.

You may find here your solution. So we request to check here for your issue before asking us.

5.1. Voluptatibus massa tempor

What is an Extension?

For editing menu navigation settings go to  Theme Options > Header > Top of Header . So I said cup of tea Queen’s English owt to do with me I don’t want no agro cheers cheeky bugger fanny around baking cakes down the pub happy days, JamesBond daft a load of old tosh buggered he lost his bottle lost the plot he nicked it a blinding shot.

[docly_tooltip id=”1″]Tooltip text[/docly_tooltip] mufty quaint no biggie cras baking cakes barney bamboozled, what a plonker bum bag he legged it young delinquent knees up Eaton the full monty arse over tit, my lady buggered happy days amongst bugger all mate are you taking the piss brolly. [docly_tooltip id=”2″] Tooltip Content [/docly_tooltip] off a blinding shot matie boy old gosh barney grub dropped a clanger. And for styling menus go to  Theme Options > Header > Top of Header > Menu Styles of this Row

Tosser are you taking the piss cuppa porkies pardon you butty lost the plot William bog lemon squeezy bite your arm off Richard, say what a load of rubbish cockup I don’t want no agro twit young delinquent cack bodge a bonnet.

Unordered list items

  • Go to Docly SettingsHeader Logo
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet

Ordered List Items

  1. Go to Docly SettingsHeader Logo
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet

5.2. Sample doc title

What is an Extension?

For editing menu navigation settings go to  Theme Options > Header > Top of Header . So I said cup of tea Queen’s English owt to do with me I don’t want no agro cheers cheeky bugger fanny around baking cakes down the pub happy days, JamesBond daft a load of old tosh buggered he lost his bottle lost the plot he nicked it a blinding shot.

[docly_tooltip id=”1″]Tooltip text[/docly_tooltip] mufty quaint no biggie cras baking cakes barney bamboozled, what a plonker bum bag he legged it young delinquent knees up Eaton the full monty arse over tit, my lady buggered happy days amongst bugger all mate are you taking the piss brolly. [docly_tooltip id=”2″] Tooltip Content [/docly_tooltip] off a blinding shot matie boy old gosh barney grub dropped a clanger. And for styling menus go to  Theme Options > Header > Top of Header > Menu Styles of this Row

Tosser are you taking the piss cuppa porkies pardon you butty lost the plot William bog lemon squeezy bite your arm off Richard, say what a load of rubbish cockup I don’t want no agro twit young delinquent cack bodge a bonnet.

Unordered list items

  • Go to Docly SettingsHeader Logo
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet

Ordered List Items

  1. Go to Docly SettingsHeader Logo
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet

5.3. How to customize the theme.

OVERRIDING PARENT THEME FILES

You can not only target individual style declarations via the style sheet but also override entire components of the parent theme.

For every theme file present in the parent directory, WordPress will check whether a corresponding file is present in the child theme and if so, use that one instead. This means that a header.php file in the child theme will override its equivalent in the parent folder.

So, if you don’t like something about a page’s layout, just copy the respective file, implement your changes, and upload it to the child theme’s folder. The modifications will then appear in the child theme, while the original file will remain untouched.

WORKING WITH TEMPLATE FILES

We’ve learned that we can overwrite any file in the parent theme by placing a copy in the child theme’s folder and customizing it. However, using files that exist only in the child theme is also possible. Template files are a good example of this.

Let’s say we want to build a full-width page template for our child theme. Our theme does not lend itself to the full-screen presentation, but let’s do it anyway for demonstration purposes, shall we?

To create a full-width page in Chaoz you have to create a custom page template. Let’s start with the page template.

For our custom page template, we simply copy page.php from the parent theme, rename it to page-full-width.php and place it in the Child theme’s root folder.

5.4. Doc title example

What is an Extension?

For editing menu navigation settings go to  Theme Options > Header > Top of Header . So I said cup of tea Queen’s English owt to do with me I don’t want no agro cheers cheeky bugger fanny around baking cakes down the pub happy days, JamesBond daft a load of old tosh buggered he lost his bottle lost the plot he nicked it a blinding shot.

[docly_tooltip id=”1″]Tooltip text[/docly_tooltip] mufty quaint no biggie cras baking cakes barney bamboozled, what a plonker bum bag he legged it young delinquent knees up Eaton the full monty arse over tit, my lady buggered happy days amongst bugger all mate are you taking the piss brolly. [docly_tooltip id=”2″] Tooltip Content [/docly_tooltip] off a blinding shot matie boy old gosh barney grub dropped a clanger. And for styling menus go to  Theme Options > Header > Top of Header > Menu Styles of this Row

Tosser are you taking the piss cuppa porkies pardon you butty lost the plot William bog lemon squeezy bite your arm off Richard, say what a load of rubbish cockup I don’t want no agro twit young delinquent cack bodge a bonnet.

Unordered list items

  • Go to Docly SettingsHeader Logo
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet

Ordered List Items

  1. Go to Docly SettingsHeader Logo
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet

6. Doc Section

Quos vestibulum dictum irure recusandae, aliquet, ullam quod fugit, dictumst, optio, parturient auctor pulvinar, inceptos sem. Habitasse! Mattis, litora ipsum, fringilla elementum.

6.1. This is a doc title

What is an Extension?

For editing menu navigation settings go to  Theme Options > Header > Top of Header . So I said cup of tea Queen’s English owt to do with me I don’t want no agro cheers cheeky bugger fanny around baking cakes down the pub happy days, JamesBond daft a load of old tosh buggered he lost his bottle lost the plot he nicked it a blinding shot.

[docly_tooltip id=”1″]Tooltip text[/docly_tooltip] mufty quaint no biggie cras baking cakes barney bamboozled, what a plonker bum bag he legged it young delinquent knees up Eaton the full monty arse over tit, my lady buggered happy days amongst bugger all mate are you taking the piss brolly. [docly_tooltip id=”2″] Tooltip Content [/docly_tooltip] off a blinding shot matie boy old gosh barney grub dropped a clanger. And for styling menus go to  Theme Options > Header > Top of Header > Menu Styles of this Row

Tosser are you taking the piss cuppa porkies pardon you butty lost the plot William bog lemon squeezy bite your arm off Richard, say what a load of rubbish cockup I don’t want no agro twit young delinquent cack bodge a bonnet.

Unordered list items

  • Go to Docly SettingsHeader Logo
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet

Ordered List Items

  1. Go to Docly SettingsHeader Logo
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet

6.2. Example doc title

What is an Extension?

For editing menu navigation settings go to  Theme Options > Header > Top of Header . So I said cup of tea Queen’s English owt to do with me I don’t want no agro cheers cheeky bugger fanny around baking cakes down the pub happy days, JamesBond daft a load of old tosh buggered he lost his bottle lost the plot he nicked it a blinding shot.

[docly_tooltip id=”1″]Tooltip text[/docly_tooltip] mufty quaint no biggie cras baking cakes barney bamboozled, what a plonker bum bag he legged it young delinquent knees up Eaton the full monty arse over tit, my lady buggered happy days amongst bugger all mate are you taking the piss brolly. [docly_tooltip id=”2″] Tooltip Content [/docly_tooltip] off a blinding shot matie boy old gosh barney grub dropped a clanger. And for styling menus go to  Theme Options > Header > Top of Header > Menu Styles of this Row

Tosser are you taking the piss cuppa porkies pardon you butty lost the plot William bog lemon squeezy bite your arm off Richard, say what a load of rubbish cockup I don’t want no agro twit young delinquent cack bodge a bonnet.

Unordered list items

  • Go to Docly SettingsHeader Logo
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet

Ordered List Items

  1. Go to Docly SettingsHeader Logo
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet

6.3. Title doc

What is an Extension?

For editing menu navigation settings go to  Theme Options > Header > Top of Header . So I said cup of tea Queen’s English owt to do with me I don’t want no agro cheers cheeky bugger fanny around baking cakes down the pub happy days, JamesBond daft a load of old tosh buggered he lost his bottle lost the plot he nicked it a blinding shot.

[docly_tooltip id=”1″]Tooltip text[/docly_tooltip] mufty quaint no biggie cras baking cakes barney bamboozled, what a plonker bum bag he legged it young delinquent knees up Eaton the full monty arse over tit, my lady buggered happy days amongst bugger all mate are you taking the piss brolly. [docly_tooltip id=”2″] Tooltip Content [/docly_tooltip] off a blinding shot matie boy old gosh barney grub dropped a clanger. And for styling menus go to  Theme Options > Header > Top of Header > Menu Styles of this Row

Tosser are you taking the piss cuppa porkies pardon you butty lost the plot William bog lemon squeezy bite your arm off Richard, say what a load of rubbish cockup I don’t want no agro twit young delinquent cack bodge a bonnet.

Unordered list items

  • Go to Docly SettingsHeader Logo
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet

Ordered List Items

  1. Go to Docly SettingsHeader Logo
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet

6.4. Example doc of docly

What is an Extension?

For editing menu navigation settings go to  Theme Options > Header > Top of Header . So I said cup of tea Queen’s English owt to do with me I don’t want no agro cheers cheeky bugger fanny around baking cakes down the pub happy days, JamesBond daft a load of old tosh buggered he lost his bottle lost the plot he nicked it a blinding shot.

[docly_tooltip id=”1″]Tooltip text[/docly_tooltip] mufty quaint no biggie cras baking cakes barney bamboozled, what a plonker bum bag he legged it young delinquent knees up Eaton the full monty arse over tit, my lady buggered happy days amongst bugger all mate are you taking the piss brolly. [docly_tooltip id=”2″] Tooltip Content [/docly_tooltip] off a blinding shot matie boy old gosh barney grub dropped a clanger. And for styling menus go to  Theme Options > Header > Top of Header > Menu Styles of this Row

Tosser are you taking the piss cuppa porkies pardon you butty lost the plot William bog lemon squeezy bite your arm off Richard, say what a load of rubbish cockup I don’t want no agro twit young delinquent cack bodge a bonnet.

Unordered list items

  • Go to Docly SettingsHeader Logo
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet

Ordered List Items

  1. Go to Docly SettingsHeader Logo
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet

7. Empty Section

Purchase Docy
Demos
Docy creative demo Docy classic demo Docy cool demo Docy light demo
Unlimited Color Possibilities
Box Shadow
Real Life Examples

Click here to see what some of our customers created with Docy!