Introduction

Thank you for purchasing one of our Theme Charety WordPress. We are pleased that you have chosen Charety for your website. You will find your answers from this documentation and it provide you with clearer details that you need to know to use Charety Theme. If you have any questions concerning our products, please contact us on our Support Forum or directly from our themeforest account.

License

Standard Licenses

The majority of our items (themes, code, graphics, 3D and flash) are covered by our Standard Licenses. If your end product including the item is going to be free to the end user then a Regular License is what you need. An Extended License is required if the end user must pay to use the end product.

Regular

view full license

Extended

view full license
Number of end products 1 1
Use in a single end product Yes Yes
Use in a free end product
(more than one end user allowed)
Yes Yes
Use in an end product that's sold No Yes
On-demand products/services
(e.g. "made to order" or "create your own" apps and sites)
One license per each
customized end product
No
Use in stock items/templates
(See FAQ for more details)
No No

For more information regarding license regulations and policies, see the links below:

Images

All images are just used for Demo Purpose Only. They are not part of the template and NOT included in the final purchase files.

Plug-ins

Includes a number of powerful plugins such as Elementor, Contact Form 7, MailChimp, Slider Revolution. That remains your website works perfectly and stably. Every ZOZOTHEMES download includes the free premium plugin, offering significant savings. So On every theme version update release you will get updated Plugin files.

Free premium plugins:

  • Slider Revolution

Plugins compatible:

  • Woocommerce
  • Elementor
  • Contact Form 7
  • Advanced Popups
  • MC4WP: Mailchimp for WordPress
  • Slider Revolution
  • The Events Calendar
  • Cookie Information
  • WooCommerce Wishlist
  • Yith plugins
  • loco translate
  • WPML Plugin Integration
  • Polylang
  • SEO Optimized (compatible with SEO Plugins like Yoast)
  • Compatible with many cache plugins such as W3 Total Cache & WP Super Cache
  • And many more...

Help and Support

All of Our Themes come with 6 months of included support and free lifetime updates for your Theme.Once the 6 months of included support is up, you have the opportunity to extend support coverage up to 6 or 12 months further. We have an advanced, secure ticket system to handle your requests. All of our items come with free support. Feel free to post them on our Support Ticket center. We will respond as soon as possible (within 24 – 48 hours, usually faster). We are open from 9am to 7pm (IST), from Monday till Saturday. Support is limited to questions regarding the theme’s features or problems with the theme. We are not able to provide support for third-party plugins.

Item Support Includes:

  • Answering questions about how to use the item.
  • Answering technical questions about the item.
  • Help with defects in the item.
  • Item updates to ensure ongoing compatibility and to resolve security vulnerabilities.

Not Included in Item Support:

  • Theme customization and requests that require or involve custom coding.
  • Installation of the item.
  • Hosting, server environment, or software.
  • Support for compatibility with 3rd party plug-ins.
  • Support for out-dated or modified themes.

Articles

For more information regarding the theme's functionality, we suggest checking our Articles.

Token Verification

How to Verify a Token?

  • Enter your Email address in the first field
  • Enter your theme purchase code in the second field. How to get Purchase Code?
  • Click on the Activate button to activate your theme.

Attention! 1 license = 1 domain = 1 website. You can always buy more licences for this product:

Installation

WordPress Information

If you are new to WordPress, there is a step-by-step plan for getting started. Plenty of options for assistance are listed in this article. If you need help installing WordPress, below are all the useful links for WordPress information.

Theme Requirements

You need some requirements to install and use the Charety theme.

  • max_execution_time 300
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M
  • max_input_vars 2000

please use Strong passwords and the latest version of WordPress and all plug-ins keep updated.

Theme Installation

Unpacking the theme

When you download the theme from Themeforest, you will get an archive file in .zip extension. You need to unzip that archive file. The charety.zip file is the Installable WordPress Theme and what you need to use to get the theme installed. Please see the following steps that how to install charety.

In our theme package contains the main theme, child theme and documentation and demo contents too.

In order to install the theme, you need to have a working version of WordPress installed on your server first. Check out this guide.

  • Login to your WordPress Dashboard.
  • Navigate to Appearance > Themes. Click Add new button, located at the top of the screen or Add new theme
  • Click on Upload Theme button at the top of the screen.
  • Choose charety.zip.
  • Active the theme after it is completely uploaded. To active Go to Appearance > Themes and activate the installed theme.
  • After activating the theme a notice should appear on the top of the screen, click on begin installing plugin and install the Plugins given in this theme.

There are 2 ways to install the theme:

  • Via FTP:
    1. Log into your web server with FTP client software.
    2. Unzip the charety.zip file and ONLY use the extracted /charety theme folder.
    3. Upload the extracted charety theme folder into /wp-content/themes.
    4. Navigate to the Appearance > Themes tab and activate the theme.
  • Via WordPress admin panel:
    1. Log into the WordPress admin panel.
    2. Navigate to Appearance > Themes and click on Add New and Upload Theme.
    3. Select the charety.zip folder and click Install Now button.
    4. After the successful installation, click on Activate or navigate to the Appearance > Themes and click onActivate button to activate the newly installed theme.

Plug-ins Installation

Below is the list of the plug-ins that come included into the theme.
All these plug-ins can also be installed from the WordPress.org repository and from Theme plugins.

  • Contact Form 7
  • Slider Revolution(required)
  • charety Core (required)
  • WooCommerce
  • Elementor Page Builder (required)

To make the site look exactly as on the Our demo, you must need to install all of the recommended plug-ins:

  1. After the installation/activation of charety Core plug-in and the theme activation you will see plug-ins to install tab. Click on the Click and install plugins link or go to Wordpress Dashboard >> charety >> plugins and demo here you can install all of our recommended plugins.
  2. Here you can select after that install and activate the plugin

Page Builder

All existing demo pages and layouts are built using Elementor Page Builder and should be customized using Elementor Page Builder only.

PLEASE NOTE! We recommend Please use one page builder for per page or post.

Child Theme

A child theme allows you to change small aspects of your site’s appearance yet still preserve your theme’s look and functionality. To understand how child themes work it is first important to understand the relationship between parent and child themes.https://codex.wordpress.org/Child_Themes

IMPORTANT! Install the child theme before importing the demo data. Otherwise, all of your theme options will be reset.

A child theme is installed the same way you install a parent theme. Locate the charety-child.zip file in the theme package and upload it via the WordPress admin panel. or you can unzip it and upload via FTP (see main theme installation.

Using a Child Theme

So here you can modify default funtions with funtions.php and overwrite style CSS with style.css

Demo Content

Reading the below statement to learn how to import demo content. W have also include the exported XML file from our demo, this allows you to quickly set up your theme. The XML file will give you all of our demo pages.

In order to import the demo content go to Theme Panel (WP Dashboard) > charety > plugin and Demo.

On this page that we showed up to set the required configurations.

Only Pages, Forms & Sliders

When choosing the partial demo data import, the new content will be added to your existing data.

Although this will not overwrite your existing content, we still recommend backing up your website before doing this.

Whole Demo Site Content

Demo import will enable you to import all media files, pages, theme options, and plug-in settings.

In case demo data installation is stuck, you can manually install it by downloading the demo.zip archive from theme package and extract it in your Theme's folder root directory. If the issue persists, please contact your hosting service provider to make sure that your server configuration meets the Theme Requirements. Otherwise, please refer your request to our support center.

How to Demo Import by Manual?

Step-1

Theme Installation: Admin Dashboard –>> Appearance –>> Themes –>> Just activate our theme.
Theme Name: charety
Plugin Installation: Admin Dashboard –>> charety –>> Plugins –>> Install and Activate All required plugins.
Plugins –>> Add New –>> Plugin name is “Widget Importer and Exporter” have to install and activate this plugin. https://wordpress.org/plugins/widget-importer-exporter/

System Status: Open with “System Status” tab must have the like below image.

Manual Import Files: All files you get from Envato market, click and download like the below image.
  • 1. theme.xml
  • 2. widgets.wie
  • 3. theme-options.json
  • 4. custom-sidebars.json

Step-2

Theme Options Import:

Just open theme-options.json file and copy text and paste to
Appearance > Customize > charety Theme options > Import/Export > Import > paste > Click import. Save theme options.

Step-3

XML Import:

Ready to all import files.
In admin dashboard You can find Tools > import > WordPress > Run importer > Choose upload theme.xml file and to import.


  • 1. Import author: technology (technology).
  • 2. Import author: zozothemes (zozo_newser_user).

After, here you can choose your username and both are same.
All are must have like the below images.
Click the Submit button.

Step-4

Create Custom Sidebars:
You can edit the custom-sidebars.json file with any text editors( ex: notepad, notepad++ and sublime editors).
Admin Dashboard –>> Appearance –>> Custom Sidebars –>> Add Sidebar( Here you can create your custom sidebars).
You can create one after another.

Follow the below images:

Widgets Import:
For widget import plugin:
In admin dashboard You can find Tools > Widget Importer and Exporter Settings >> Import Widgets and Choose file with (.wie format) and import your widgets.
Now files are imported, you need to set up some settings by manual(menus and front page).
Menus Settings:
Step1: Select a menu to edit: “Primary Menu”.

In admin dashboard >> Appearance >> Menus >> You must select the “Primary Menu” like the below image.

Choose Your Front Page:

In admin dashboard >> Settings >> Reading >> Reading Settings >> A static page (select below) >> Home Page (Select your home page).

Theme Update

You can update the theme in two ways are following

Update Option 1. Update using WordPress uploader

  1. Log into your ThemeForest account and navigate to Downloads tab. Find the theme and download Installable WordPress file only.
  2. Log into your WordPress website and go to Appearance > Themes.
  3. Activate a default WordPress theme. Delete the older version of your theme and re-upload the new WordPress Installable files that you have downloaded from ThemeForest during the 1st step.
  4. Once it is uploaded, activate the theme.

    IMPORTANT! If you're using a child theme, do not activate the newly uploaded parent theme. Activate your old child theme instead. Otherwise, all the child theme customizations will be lost.
  5. Update (if necessary!) the included plug-ins, if you see a notification message prompting about a newer version.
    • Navigate to WP Dashboard > Plugins > Installed Plugins.
    • Deactivate and delete the rest plug-in(s) of old version.
    • Go to (charety)WordPress Dashboard > Plugins and demo and install the plug-in(s) like it was described in the Plugins Installation section of this documentation.

Update Option 2. Update using FTP client

  1. Log into your ThemeForest account and get the last version of the theme as described above.
  2. Connect to your server using desktop client software (we recommend Filezilla and FlashFXP.
  3. Change directory to /wp-content/themes.
  4. Remove/rename existing folder with old theme files.
  5. Unpack theme installable files downloaded from ThemeForest and upload them to the themes folder.
  6. Update (if necessary!) the included plug-ins in the way described above, if you see a notification message prompting about a newer version.

Theme Customizer

Our Theme has an advanced Theme Options Settings that control the appearance and behavior of the whole website. Navigate to Appearance (WP dashboard) > Customize. Each option has a description of what it will do on the front end. You can navigate through each tab to see what we offer. See below for screenshots and short descriptions of our Theme Options panel.

After the changes made you have to click on Publish button at the top of the Customizer's side menu.

General Settings

In this General Settings option you can manage look of the whole site.

Layout Settings:

Here you can choose the Body layout style and View.

  • Boxed - the page's body is in the area of limited screen width, and the background image is visible.
  • Wide - the page's body occupies an entire screen width (background image is behind it and is not visible), and the content occupies the fixed width area in the center of the screen.
  • Site Width - Set the site width here. Here No need to specify units like px, em, etc.. Example 1200
  • Page Content Padding - Set the top/right/bottom/left padding of page content. Here No need to specify units like px, em, etc.. Example 10 10 10 10

Page Loader:

  • Page Loader - Enable/Disable page loader, here you can upload your page loader image.
  • Infinite Scroll Image - Here you can upload infinite scroll image.

Site Logo's:

This is the setting for all the site logo's.

  • Logo - Here you can upload your site logo.
  • Sticky Logo - Here you can upload your sticky logo.
  • Mobile Logo - Here you can upload your Mobile Logo.

API:

This is the setting for all the api's where used in this site.

  • Mailchimp API Key - Place here your registered mailchimp API key.
  • Google Map API Key - Place here your registered Google map API key.

Comments Type:

This an option will be showing comment like Facebook or default WordPress.

  • Comments Like - Enable/Disable to show or hide comments likes to single post comments.
  • Comments Share - Enable/Disable to show or hide comments share to single post comments.

Media Settings:

This is the setting for media sizes

  • Image Types - Here you can set your image size for Team / Blog / Grid images.

RTL:

This is the setting for theme view RTL

  • RTL Enable/Disable - Enable/Disable RTL to change theme right to left view.

Skin

  • Theme Skin - This is the setting for theme skin.
  • Theme Color - Here you can choose theme color.
  • Secondary Color - Here you can choose theme Secondary color.
  • General Links Color - Here you can set link color and link hover, active colors.
  • Body Background- This is the setting for theme body background.
  • Body Background Settings- This is the settings for body background with image, color, etc.

Typography

General Typography

This is the setting for theme general typography

  • Body Fonts - This is the setting for theme general typography. This will apply for full site content.
  • H1 to H6 - This is the setting for theme H1 to h6 typography here you can choose font family, color , size line height etc. This Heading style will apply for All heading text in the site.
Widgets Typography

This is the setting for theme Widgets typography, here you can Specify the widget title and content typography properties. This will only apply for Footer and Sidebar widgets

  • Widgets Title Typography - Here you can select your Footer and sidebar widget title typography like font family, font color, font size etc.
  • Widgets Content Typography - Here you can select your Footer and sidebar widget content typography like font family, font color, font size etc.
Menu Typography

This is the setting for theme Menu typography, here you can Specify the menu typography properties. This will only work with the header Main menu

  • Main Menu Typography - Here you can select your Menu typography like font family, font color, font size etc.
  • Drop-down Menu Typography - Here you can select your Footer Drop-down menu typography like font family, font color, font size etc.
Other Typography

This is the setting for theme common typography

  • Other Typography - Here you can select your Menu typography like font family, color, size, line height for Header Top Sliding Bar, Header Top bar, Header Logo Section, Header Navbar, Sticky/Fixed Header, Mobile Menu , Footer, Footer Top, Footer Middle, Footer Bottom.

Header

Settings of this group allow you to manage an overall look and behavior of the header elements In your website.

You can set up header settings for a specific page in the page Options > Header section of that page.

Header General

This is the setting for general header. Here you can change all of your header behavior like fonts , color , sizes , background , Items , Alignments etc..

Default header styles has given you can select from Layout.if you need to add custom header you can use custom header style option.

Layout
  • Header Width- Choose header layout boxed or wide.
  • Header Template- Choose header template. Current header layout needed option values you can see after refresh this customizer page.
  • Header Type- Select header type for matching your site. Here you can select header Default / Left sticky / right sticky.
  • Header Items- Needed items for header, drag from disabled and put enabled.
Style
  • Header Background Settings- This is the settings for header background with image, color, etc.
  • Drop down Menu Background- Choose drop down menu background color.
  • Drop down Menu Color- Choose drop down menu link color.
  • Drop down Menu Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
Custom Text
  • Address Label- This is the address label field, you can assign here any label custom text.
  • Address Custom Text- This is the address field, you can assign here any custom text. Few HTML allowed here.
  • Phone Number Label- This is the phone number label field, you can assign here any phone label custom text..
  • Phone Number Custom Text- This is the phone number field, you can assign here any custom text. Few HTML allowed here.
  • Email Label- This is the email label field, you can assign here any email custom label text.
  • Email Custom Text- This is the email field, you can assign here any email id. Example companyname@yourdomain.com .
Advanced
  • Header Absolute- Enable/Disable header absolute option to show transparent header for page.
  • Header Sticky Part- Enable/Disable sticky part to sticky which items are placed in sticky part at header items.
  • Sticky Scroll Up- Enable/Disable sticky part to sticky only scroll up. This also only sticky which items are placed in Sticky Part at Header Items.
  • Main Menu Type- This is the settings for main menu.
  • Menu Tag- Enable/Disable menu tag for menu items like Hot, Trend, New.
  • Secondary Menu- Enable/Disable secondary menu.
  • Secondary Menu Type- Choose secondary menu type.
  • Secondary Menu Space Width- Increase or decrease secondary menu space width. this an options only use if you enable secondary menu. Here no need to specify dimensions like px, em, etc.. Example 350.
  • Header Slider Position- Select header slider position matching your page.
  • Search Toggle Modal- Select search box toggle modal.
Header Top

This is the setting for Header top bar. Here you can change all of your header Top bar behaviors like fonts , color , sizes , background , Items , Alignments etc..

Layout
  • Header Top Bar Items- Needed header topbar items drag from disabled and put enabled.
Style
  • Header Top Bar Height- Increase or decrease header topbar height. Here no need to put dimension units like px, em etc. Example 50.
  • Header Top Bar Sticky Height- Increase or decrease header topbar sticky height. Here no need to put dimension units like px, em etc. Example 50.
  • Header Topbar Background- Here you can choose topbar background color.
  • Header Topbar Color- Choose topbar link color.
  • Header Topbar Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Header Topbar Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
Custom Text
  • Topbar Custom Text 1,2,3- Custom text shows header topbar. Here, you can place shortcode.
  • Date Format- Enter date format like: l, F j, Y.
Header Middle( Logo section)

This is the setting for Header Logo bar. Here you can change all of your header Logo bar behaviors like fonts, color, sizes, background, Items, Alignments etc..

Layout
  • Header Logo Section Items- Needed header logo section items drag from disabled and put enabled.
Style
  • Header Logo Section Height- Increase or decrease header Logo Section height. Here no need to put dimension units like px, em etc. Example 50.
  • Header Logo Section Sticky Height- Increase or decrease header Logo Section sticky height. Here no need to put dimension units like px, em etc. Example 50.
  • Header Logo Section Background- Here you can choose Logo Section background color.
  • Header Logo Section Link Color- Choose Logo section link color.
  • Header Logo Section Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Header Logo Section Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
  • Header Sticky Logo Section Font Color- Choose Sticky logo section font color.
  • Header Sticky Logo Section Background- Here you can choose Sticky Logo Section background color.
  • Header Sticky Logo Section Link Color- Choose Sticky logo section link color.
  • Header Sticky Logo Section Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Header Sticky Logo Section Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
Custom Text
  • Logo Section Custom Text 1/2/3 - One more custom text shows header logo section. Here, you can place shortcode.
Header Bottom ( Header Navbar)

This is the setting for Header Navbar. Here you can change all of your header Navbar behaviors like fonts , color , sizes , background , Items , Alignments etc..

Layout
  • Header Navbar Items- Needed header Navbar items drag from disabled and put enabled.
Style
  • Header Navbar Height- Increase or decrease header Navbar height. Here no need to put dimension units like px, em etc. Example 50.
  • Header Navbar Sticky Height- Increase or decrease header Navbar sticky height. Here no need to put dimension units like px, em etc. Example 50.
  • Header Navbar Background- Here you can choose Navbar background color.
  • Header Navbar Link Color- Choose Navbar link color.
  • Header Navbar Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Header Navbar Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
  • Header Sticky Navbar Font color- Choose Sticky Navbar font color.
  • Header Sticky Navbar Background- Here you can choose Sticky Navbar background color.
  • Header Sticky Navbar Link Color- Choose Sticky Navbar link color.
  • Header Sticky Navbar Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Header Sticky Navbar Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
Custom Text
  • Navbar Custom Text 1/2/3 - One more custom text shows header Navbar. Here, you can place shortcode.
Header Left / Right Navbar

This is the setting for header fixed. Here you an all of your header Sticky/Fixed behaviours like fonts , color , sizes , background , Items , Alignmets etc..

Layout
  • Header Sticky/Fixed Width- Increase or decrease header fixed width. Here no need to put dimension units like px, em etc. Example 350
  • Header Sticky/Fixed Link Color- Choose fixed link color.
  • Header Sticky/Fixed Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Header Sticky/Fixed Padding Option-Here no need to put dimension units like px, em etc. Example 10 10 20 10.
  • Background- This is the settings for sticky/fixed header background.
Custom Text
  • Sticky/Fixed Custom Text 1/2- Custom text shows header fixed. Here, you can place shortcode.
Mobile Menu

This is the setting for mobile header and mobile menu. Here you can change all of your header mobile Menu behaviours like fonts , color , sizes , background , Items , Alignmets etc..

Layout
  • Mobile Topbar Items-Needed mobile topbar items drag from disabled and put enabled.
  • Mobile Header Items- Needed mobile header items drag from disabled and put enabled parts like left, center or right.
  • Mobile Menu Items- Needed mobile menu items drag from disabled and put enabled.
Style
  • Mobile Header Height- Increase or decrease mobile header width.
  • Mobile Header Background- Set mobile header background color.
  • Mobile Header Link Color- Choose mobile Header Link Color.
  • Mobile Header Sticky Height- ncrease or decrease mobile header sticky height
  • Mobile Sticky Header Background- Set mobile sticky header background color.
  • Mobile Sticky Header Link Color- Choose mobile sticky header link color options.
  • Mobile Menu Animate From- Choose your mobile menu animate from left, right, top or bottom.
  • Mobile Menu Max Width- Increase or decrease mobile menu maximum width. If you need full width means just leave this empty.
  • Header Mobile Menu Link Color- Choose mobile menu link color.
  • Header Mobile Menu Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Header Mobile Menu Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
  • Header Mobile Menu Background- This is the settings for mobile menu background.
Custom Text
  • Custom Text- One more custom text shows on mobile topbar. Here, you can place shortcode.
Advanced
  • Mobile Topbar Option- Enable/Disable mobile topbar.
  • Mobile Header From- Choose your mobile header shows from tablet, tablet landscape or mobile.
  • Mobile Header Sticky- Enable/Disable this an option to sticky mobile header.
  • Mobile Header Sticky Scroll Up- Enable/Disable this an option to sticky mobile header.
Top Sliding Bar

This is the setting for top sliding bar. Here you can change all of your top sliding bar behaviours like fonts , color , sizes , background , Items , Alignmets etc..

Layout
  • Top Sliding Bar Enable- Enable/Disable top sliding bar. Here you can show you sidebars width column based.
  • Top Sliding Bar Show on Devices- Enable or disable top sliding bar for mobile, tab or desktop. This an option from big devices. If desktop not enable and tab enable means it's hide sliding bar all the devices.
  • Header Top Slide Columns 1/2/3/4 - Choose top sliding bar columns.
Style
  • Top Sliding Bar Background - Choose top sliding bar background color.
  • Top Sliding Bar Link Color - Choose top sliding bar link color.
  • Top Sliding Bar Border - Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Top Sliding Bar Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.

Theme Templates

Template General
  • Theme Templates- Active needed theme templates. Actived theme templates are show once save and refresh customizer page. Unselected templates choosing archive template automatically.
  • Search Content- Choose this an option for search content from site.
Page Template

Page template option Used to modify the behavior of the single page template. Here you can change the page template , Sidebars look and layouts, Page title bar options etc.

Layout
  • Page Title Option- Enable/Disable page title.
  • Page Title Items- Needed items for page title wrap, drag from disabled and put enabled.
  • Page Template- Choose your page template.
  • Left Sidebar- Select widget area for showing on left side.
  • Right Sidebar- Select widget area for showing on right side.
Style
  • Page Title Settings- This is page title style settings for page template.
  • Font Color- This is font color for current field.
  • Page Template Link Color- Choose page template link color.
  • Page Template Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Page Template Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
  • Page Template Background- This is the settings for footer background.
  • Background Parallax- Enable/Disable page title background parallax.
  • Background Video- Enable/Disable page title background video..
  • Page Title Background Video- Set page title background video for page. Only allowed youtube video id. Example: UWF7dZTLW4c
  • Page Title Overlay- Choose page title overlay rgba color.
Advanced
  • Sidebar Sticky- Enable/Disable sidebar sticky.
  • Sidebar on Mobile- Enable/Disable to show or hide sidebar on mobile.
Blog Template

Blog template - Here you can modify the default blog layout looks and Layout, Here you can change the models , styles, Items , Counts etc...

Layout
  • Page Title Option- Enable/Disable page title.
  • Page Title Items- Needed items for page title wrap, drag from disabled and put enabled.
  • Blog Settings- This is the settings for blog page layout, sidebar sticky and etc.
  • Blog Template- Choose your current blog page template.
  • Left Sidebar- Select widget area for showing on left side.
  • Right Sidebar- Select widget area for showing on right side.
  • Blog Post Template- Choose your current blog post template.
  • Top Standard Post- Enable/Disable to show top post layout standard others selected layout.
  • Grid Columns- Select grid columns.
  • Blog Post Grid Gutter- Enter grid gutter size. Example 20.
  • Grid Type- Select grid type normal or isotope.
  • Infinite Scroll- Enable/Disable infinite scroll for blog post.
  • Post Read More Text- Set blog post read more text. Example Read More.
  • Post Excerpt Length- Set blog post excerpt length. Example 15.
  • Blog Post Top Meta Items- Needed blog post top meta items drag from disabled and put enabled part. ie: Left or Right.
  • Blog Post Bottom Meta Items- Needed blog post bottom meta items drag from disabled and put enabled part. ie: Left or Right.
  • Blog Post Items- Needed blog post items drag from disabled and put enabled part. Thumbnail part covers the post format either image/audio/video/gallery/quote/link.
  • Blog Post Overlay- Enable/Disable blog post overlay.
  • Blog Post Overlay Items- Needed blog post overlay items drag from disabled and put enabled part.
Style
  • Page Title settings- Enable/Disable page title.
  • Font Color- This is font color for current field.
  • Page Template Link Color- Choose page template link color.
  • Page Template Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Page Template Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
  • Page Template Background- This is the settings for footer background.
  • Background Parallax- Enable/Disable page title background parallax.
  • Background Video- Enable/Disable page title background video..
  • Page Title Background Video- Set page title background video for page. Only allowed youtube video id. Example: UWF7dZTLW4c
  • Page Title Overlay- Choose page title overlay rgba color.
  • Blog Article Skin Settings- This is skin settings for each blog article.
  • Article Font Color- This is font color for blog article.
  • Article Link Color- Choose footer link color for blog article.
  • Article Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Article Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
  • Article Background Color- This is background color for blog article.
Custom Text
  • Post Read More Text- Set blog post read more text. Example Read More
  • Blog Page Title- This is a title for blog page. HTML code allowed here.
  • Blog Page Description- This is description for blog page. HTML code allowed here.
Advanced
  • Post Format Settings- This is post format settings for blog.
  • Video Format- Choose blog page video post format settings.
  • Quote Format- Choose blog page quote post format settings.
  • Link Format- Choose blog page link post format settings.
  • Gallery Format- Choose blog page gallery post format settings.
  • Blog Feature slider- Enable/Disable blog featured slider.
  • Sidebar Sticky- Enable/Disable sidebar sticky.
  • Sidebar on Mobile- Enable/Disable to show or hide sidebar on mobile.
Archive Template

Archive template - Here you can modify the default Archive layout looks and Layout, Here you can change the models , styles, Items , Counts etc... and this will apply for all type of archive layouts like Category template , Tag template , Search and Author template.

Layout
  • Page Title Option- Enable/Disable page title.
  • Page Title Items- Needed items for page title wrap, drag from disabled and put enabled.
  • Archive Template- Choose your current archive page template.
  • Left Sidebar- Select widget area for showing on left side.
  • Right Sidebar- Select widget area for showing on right side.
  • Archive Settings- This is the settings for archive page layout, sidebar sticky and etc.
  • Archive Post Template- Choose your current archive post template.
  • Top Standard Post- Enable/Disable to show top post layout standard others selected layout.
  • Grid Columns- Select grid columns.
  • Archive Post Grid Gutter- Enter grid gutter size. Example 20.
  • Grid Type- Select grid type normal or isotope.
  • Infinite Scroll- Enable/Disable infinite scroll for archive post.
  • Archive Read More Text- Set archive post read more text. Example Read More.
  • Archive Excerpt Length- Set archive post excerpt length. Example 15.
  • Archive Post Top Meta Items- Needed archive post top meta items drag from disabled and put enabled part. ie: Left or Right.
  • Archive Post Bottom Meta Items- Needed archive post bottom meta items drag from disabled and put enabled part. ie: Left or Right.
  • Archive Post Items- Needed archive post items drag from disabled and put enabled part. Thumbnail part covers the post format either image/audio/video/gallery/quote/link.
  • Archive Post Overlay- Enable/Disable archive post overlay.
  • Archive Post Overlay Items- Needed archive post overlay items drag from disabled and put enabled part.
Style
  • Archive Page Title Settings- This is Archive page title style settings for page template.
  • Font Color- This is font color for current field.
  • Archive Template Link Color- Choose page template link color.
  • Archive Template Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Archive Template Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
  • Archive Template Background- This is the settings for footer background.
  • Background Parallax- Enable/Disable page title background parallax.
  • Background Video- Enable/Disable page title background video..
  • Page Title Background Video- Set page title background video for page. Only allowed youtube video id. Example: UWF7dZTLW4c
  • Page Title Overlay- Choose page title overlay rgba color.
  • Archive Article Skin Settings- This is skin settings for each archive article.
  • Article Font Color- This is font color for archive article.
  • Article Link Color- Choose footer link color for archive article.
  • Article Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Article Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
  • Article Background Color- This is background color for archive article.
Custom Text
  • Post Read More Text- Set archive post read more text. Example Read More
Advanced
  • Post Format Settings- This is post format settings for blog.
  • Video Format- Choose archive page video post format settings.
  • Quote Format- Choose archive page quote post format settings.
  • Link Format- Choose archive page link post format settings.
  • Gallery Format- Choose archive page gallery post format settings.
  • Archive Feature slider- Enable/Disable archive featured slider.
  • Sidebar Sticky- Enable/Disable sidebar sticky.
  • Sidebar on Mobile- Enable/Disable to show or hide sidebar on mobile.
Single Post Template

This is Global settings for Single post template. Here you can the single post looks and layout, Here you can enable the required items in single post page and Set set bars look and meta details etc...

Layout
  • Page Title Option- Enable/Disable page title.
  • Page Title Items- Needed items for page title wrap, drag from disabled and put enabled.
  • Archive Settings- This is the settings for single post page layout, sidebar sticky and etc.
  • Single Post Template- Choose your current Single Post page template.
  • Left Sidebar- Select widget area for showing on left side.
  • Right Sidebar- Select widget area for showing on right side.
  • Full Width Wrap- Enable/Disable to show or hide full width post wrapper.
  • Single Post Article Top Meta Items- Needed single post article top meta items drag from disabled and put enabled part. ie: Left or Right.
  • Single Post Article Bottom Meta Items- Needed single post article bottom meta items drag from disabled and put enabled part. ie: Left or Right.
  • Single Post Article Items- Needed single post article items drag from disabled and put enabled part. Thumbnail part covers the post format either image/audio/video/gallery/quote/link.
  • Single Post Article Overlay- Enable/Disable single post article overlay.
  • Single Post Page Items- Enable/Disable single post article overlay.
Style
  • Page Title Settings-This is page title style settings shows only when page title option active.
  • Font Color- This is font color for current field.
  • Single Post Template Link Color- Choose Single post title bar link color.
  • Single Post Template Border - Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Single Post Template Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
  • Single Post Template Background- This is the settings for footer background.
  • Background Parallax- Enable/Disable page title background parallax.
  • Background Video- Enable/Disable page title background video..
  • Page Title Background Video- Set page title background video for page. Only allowed youtube video id. Example: UWF7dZTLW4c
  • Page Title Overlay- Choose page title overlay rgba color.
  • Single Post Article Skin Settings- This is skin settings for each single post article.
  • Single Post Page Title Items- Enable to make page title items custom layout.
  • Article Font Color- This is font color for archive article.
  • Article Link Color- Choose footer link color for archive article.
  • Article Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Article Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
  • Article Background Color- This is background color for archive article.
  • Single Post Article Overlay Skin Settings- This is overlay skin settings for each single post article.
  • Article Font Color- This is font color for single post article.
  • Article Link Color- Choose Article link color for single post article.
  • Article Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Article Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
  • Article Background Color- This is background color for single post article.
Advanced
  • Post Format Settings- This is post format settings for single post.
  • Video Format- Choose single post page video post format settings.
  • Quote Format- Choose single post quote post format settings.
  • Link Format- Choose single post link post format settings.
  • Gallery Format- Choose single post page gallery post format settings.
  • Single Post Feature slider- Enable/Disable archive featured slider.
  • Sidebar Sticky- Enable/Disable sidebar sticky.
  • Related Post Max Limit- Enter related post maximum limit for get from posts query. Example 5.
  • Related Posts From- Select grid columns.

Sliders

Featured Slider

You can display this featured slider in single post template , Here you can change the Behavior of the Feature slider.

This is the setting for featured slider

  • Items to Display- Enter slider items to display. Example 3
  • Items to Display Tab- Enter items to display tablet. Example 1
  • Items to Display on Mobile- Enter items to display on mobile view. Example 1
  • Items Scrollby- Enter slider items scrollby. Example 1
  • Slide Autoplay- Enable/Disable slide autoplay.
  • Slide Center- Enable/Disable slide center.
  • Slide Duration- Enter slide duration for each (in Milli Seconds). Example 5000
  • Slide Smart Speed- Enter slide smart speed for each (in Milli Seconds). Example 250
  • Infinite Loop- Enable/Disable infinite loop.
  • Slide Items Margin- Enter slide item margin( item spacing ). Example 10
  • Slide Pagination- Enable/Disable slide pagination.
  • Slide Navigation- Enable/Disable slide navigation.
  • Slide Auto Height- Enable/Disable slide item auto height.
Related Slider

This will display in every single post. You Can On/off this in Single post template option. Here you can modify the single post Related slider layout and behavior.

This is the setting for Related slider

  • Items to Display- Enter slider items to display. Example 3
  • Items to Display Tab- Enter items to display tablet. Example 1
  • Items to Display on Mobile- Enter items to display on mobile view. Example 1
  • Items Scrollby- Enter slider items scrollby. Example 1
  • Slide Autoplay- Enable/Disable slide autoplay.
  • Slide Center- Enable/Disable slide center.
  • Slide Duration- Enter slide duration for each (in Milli Seconds). Example 5000
  • Slide Smart Speed- Enter slide smart speed for each (in Milli Seconds). Example 250
  • Infinite Loop- Enable/Disable infinite loop.
  • Slide Items Margin- Enter slide item margin( item spacing ). Example 10
  • Slide Pagination- Enable/Disable slide pagination.
  • Slide Navigation- Enable/Disable slide navigation.
  • Slide Auto Height- Enable/Disable slide item auto height.
Blog Post Slider

This is the setting for Blog Post slider

  • Items to Display- Enter slider items to display. Example 3
  • Items to Display Tab- Enter items to display tablet. Example 1
  • Items to Display on Mobile- Enter items to display on mobile view. Example 1
  • Items Scroll by- Enter slider items scroll by. Example 1
  • Slide Auto play- Enable/Disable slide auto play.
  • Slide Center- Enable/Disable slide center.
  • Slide Duration- Enter slide duration for each (in Milli Seconds). Example 5000
  • Slide Smart Speed- Enter slide smart speed for each (in Milli Seconds). Example 250
  • Infinite Loop- Enable/Disable infinite loop.
  • Slide Items Margin- Enter slide item margin( item spacing ). Example 10
  • Slide Pagination- Enable/Disable slide pagination.
  • Slide Navigation- Enable/Disable slide navigation.
  • Slide Auto Height- Enable/Disable slide item auto height.
Single Post Slider

This is the setting for Single Post slider

  • Items to Display- Enter slider items to display. Example 3
  • Items to Display Tab- Enter items to display tablet. Example 1
  • Items to Display on Mobile- Enter items to display on mobile view. Example 1
  • Items Scroll by- Enter slider items scroll by. Example 1
  • Slide Auto play- Enable/Disable slide auto play.
  • Slide Center- Enable/Disable slide center.
  • Slide Duration- Enter slide duration for each (in Milli Seconds). Example 5000
  • Slide Smart Speed- Enter slide smart speed for each (in Milli Seconds). Example 250
  • Infinite Loop- Enable/Disable infinite loop.
  • Slide Items Margin- Enter slide item margin( item spacing ). Example 10
  • Slide Pagination- Enable/Disable slide pagination.
  • Slide Navigation- Enable/Disable slide navigation.
  • Slide Auto Height- Enable/Disable slide item auto height.

Social

Social Link You can Only Display these social links in Header , Footer , Sidebar widgets.

This is the setting for social links.

  • Social Icons Type- Choose your social icons type.
  • Footer Bottom Social Iocns Type- Choose footer bottom social icons type.
  • Social Icons Fore- Social icons fore color settings.
  • Social Icons Fore Hover- Social icons fore hover color settings.
  • Social Icons Background- Social icons background color settings.
  • Social Icons Background Hover- Social icons background hover color settings.
  • Facebook / Twitter / Instagram etc- Enter the link. If no link means just leave it blank
Social Share

This is the setting for social share.

  • Post Social Shares- Actived social items only showing post share list.
  • Comments Social Shares- Actived social items only showing comments share list.

Custom Post Types

This is custom post type settings area.

  • Custom Post Types- Enable the custom post types which are need, once done save theme options button. Then refresh page, you can see the enabled CPT options are showing sub level.
Team

This is custom Post Type Team option. Here You can set the team single layout.

  • Team Template- Choose your current team single outer template.
  • Left Sidebar- Select widget area for showing on left side.
  • Right Sidebar- Select widget area for showing on right side.
  • Team Title- Enable/Disable page title on single team page.
  • Team SlugEnter team slug for register custom post type, after entered new slug click Publish button. Then go to WordPress Settings -> Permalinks -> Click save changes button to regenerate the permalinks.
Testimonial

This is custom Post Type Testimonial option. Here You can set the Single Testimonial layout.

This is custom post type testimonial setting.

  • Testimonial Template- Choose your current testimonial single outer template.
  • Left Sidebar- Select widget area for showing on left side.
  • Right Sidebar- Select widget area for showing on right side.
  • Testimonial Title- Enable/Disable page title on single testimonial page.
  • Testimonial SlugEnter testimonial slug for register custom post type, after entered new slug click Publish button. Then go to WordPress Settings -> Permalinks -> Click save changes button to regenerate the permalinks.
  • Comments TypeSelect single testimonial layout model.
Events

This is custom Post Type Event option. Here You can set the event single layout.

This is custom post type events setting.

  • events Template- Choose your current events single outer template.
  • Left Sidebar- Select widget area for showing on left side.
  • Right Sidebar- Select widget area for showing on right side.
  • Events Title- Enable/Disable page title on single events page.
  • Events SlugEnter events slug for register custom post type, after entered new slug click Publish button. Then go to WordPress Settings -> Permalinks -> Click save changes button to regenerate the permalinks.
  • Comments TypeSelect single events layout model.
Services

This is custom Post Type Service option. Here You can set the services single layout.

This is custom post type services setting.

  • services Template- Choose your current services single outer template.
  • Left Sidebar- Select widget area for showing on left side.
  • Right Sidebar- Select widget area for showing on right side.
  • services Title- Enable/Disable page title on single services page.
  • services Slug- Enter services slug for register custom post type, after entered new slug click Publish button. Then go to WordPress Settings -> Permalinks -> Click save changes button to regenerate the permalinks.
  • Comments Type- Select single services layout model.
Portfolio

This is custom Post Type Portfolio option. Here You can set the portfolio single layout.

This is custom post type Portfolio setting.

  • Portfolio Template- Choose your current portfolio single outer template.
  • Left Sidebar- Select widget area for showing on left side.
  • Right Sidebar- Select widget area for showing on right side.
  • Portfolio Title- Enable/Disable page title on single portfolio page.
  • Portfolio Slug- Enter portfolio slug for register custom post type, after entered new slug click Publish button. Then go to WordPress Settings -> Permalinks -> Click save changes button to regenerate the permalinks.
  • Portfolio Category Slug- Enter portfolio category slug for register custom post type, after entered new slug click Publish button. Then go to WordPress Settings -> Permalinks -> Click save changes button to regenerate the permalinks.
  • Portfolio Tag Slug- Enter portfolio Tag slug for register custom post type, after entered new slug click Publish button. Then go to WordPress Settings -> Permalinks -> Click save changes button to regenerate the permalinks.
  • Portfolio Meta Items for single page- Drag & Drop portfolio meta items which are needed for single portfolio page.
  • Portfolio Archive Layouts- This is portfolio single page detail settings for each label.
  • Client- Enter portfolio client label.
  • Date- Enter portfolio date label.
  • Duration- Enter portfolio duration label.
  • Estimation- Enter portfolio estimation label.
  • Place- Enter portfolio place label.
  • URL- Enter portfolio URL label.
  • Category- Enter portfolio category label.
  • Tags- Enter portfolio Tags label.
  • Share- Enter portfolio share label.
  • Portfolio Single Layouts- This is layout settings for portfolio single page.
  • Portfolio Detail Labels- This is layout settings for portfolio archive page.
  • Grid Columns- Select grid columns for portfolio archive layout.
  • Portfolio Grid Gutter- Enter grid gutter size. Example 20.
  • Grid Layout- Select grid columns for portfolio archive layout.
  • Related Slider- Enable/Disable portfolio related slider.
  • Grid Columns- Select grid columns for portfolio archive layout.
  • Portfolio Single Slider Option- Enable/Disable portfolio single page slider.

Maintenance

This is the general setting for maintenance of current site.

  • Maintenance Mode Option- Enable/Disable maintenance mode.
  • Maintenance Type- Select maintenance mode page coming soon or maintenance.
  • Phone Number- Enter phone number shown on when maintenance mode actived.
  • Email Id- Enter email id shown on when maintenance mode actived.
  • Address- Place here your address and info

Maintenance Mode If you enabled Maintenance Mode means only admin can view the site.

Import and Export

This is the general setting for maintenance of current site.

  • Maintenance Mode Option- Enable/Disable maintenance mode.
  • Maintenance Type- Select maintenance mode page coming soon or maintenance.
  • Phone Number- Enter phone number shown on when maintenance mode actived.
  • Email Id- Enter email id shown on when maintenance mode actived.
  • Address- Place here your address and info

Maintenance Mode If you enabled Maintenance Mode means only admin can view the site.

WooCommerce

Settings of this group allow managing the overall look of the WooCommerce elements (works only If the WooCommerce plug-in is installed). The single products can be added/customized in WordPress Dashboard Menu > Products.

IMPORTANT! You Must install Woocommerce plugin for this.

Woocommerce General

This is the setting for woocommerce general options.

  • Woocommerce Shop Template- Choose your current archive page template.
  • Left Sidebar- Select widget area for showing on left side.
  • Right Sidebar- Select widget area for showing on right side.
  • Shop Columns- This is column settings woocommerce shop page products.
  • Shop Product Per Page- This is column settings woocommerce related products per page.
  • Related Product Per Page- This is column settings woocommerce related products per page.
Archive Template

This is the setting for woocommerce archive page template.

  • Woo Page Title Option- Enable/Disable woo page title.
  • Woo Page Title Settings- This is woo page title style settings for page template.
  • Font Color- This is font color for current field.
  • Page Template Link Color- Choose footer link color.
  • Page Template Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Page Template Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
  • Page Template Background- This is the settings for footer background.
  • Background Parallax- Enable/Disable page title background parallax.
  • Background Video- Enable/Disable page title background video.
  • Page Title Overlay- Choose page title overlay rgba color.
  • Woocommerce Archive Template- Choose your current Woocommerce Archive page template.
  • Left Sidebar- Select widget area for showing woocommerce archive template on left sidebar.
  • Product Archive Columns- This is column settings woocommerce product archive columns.
Single product Template

This is the setting for woocommerce single product template.

  • Woo Page Title Option- Enable/Disable woo page title.
  • Woo Page Title Settings- This is woo page title style settings for page template.
  • Font Color- This is font color for current field.
  • Page Template Link Color- Choose footer link color.
  • Page Template Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
  • Page Template Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
  • Page Template Background- This is the settings for footer background.
  • Background Parallax- Enable/Disable page title background parallax.
  • Background Video- Enable/Disable page title background video.
  • Page Title Overlay- Choose page title overlay rgba color.
  • Woo Single Page Title Items Option- Enable to make woo single page title items custom layout.
  • Woo Single Page Title Items- Needed items for page title wrap, drag from disabled and put enabled.
Woo Related slider

This is the setting for woo related products slider.

  • Items to Display- Enter number of slider items to display.
  • Items to Display Tab- Enter number of slider items to display on tab.
  • Items to Display on Mobile- Enter items to display on mobile view. Example 1
  • Items Scrollby- Enter slider items scrollby. Example 1
  • Slide Autoplay- Enable/Disable slide autoplay.
  • Slide Center- Enable/Disable slide center.
  • Slide Duration- Enter slide duration for each (in Milli Seconds). Example 5000
  • Slide Smart Speed- Enter slide smart speed for each (in Milli Seconds). Example 250
  • Infinite Loop- Enable/Disable infinite loop.
  • Slide Items Margin - Enter slide item margin( item spacing ). Example 10
  • Slide Pagination- Enable/Disable slide pagination.
  • Slide Navigation- Enable/Disable slide navigation.
  • Slide Auto Height- Enable/Disable slide item auto height.

Settings of this group allow managing the overall look of the WooCommerce elements (works only If the WooCommerce plug-in is installed). The single products can be added/customized in WordPress Dashboard Menu > Products.

Custom Post Types

A custom post type is nothing more than a regular post with a different post_type value in the database. Custom post types are a part of the Charety Core Add-ons plug-in, and you can use them after the plug-in activation.

If you need add Custom post Type In your Site Means You should activate All Custom Post Types In Customizer >> charety Theme options >> CPT >> Here you Should Enable all CPT like Portfolio , Team , Testimonials , Events , Services.

Activated Custom post types will in WordPress Dashboard Like this

Services

  • Here you can add new Service or you can Edit already existing Service
  • You can Add Feature Images Contents here and this will display in Single Service page and Service Shortcode
  • You can Add Service Shortcode in elementor page builder, so Contents will display in Front end

Team

  • Here you can add new Team or you can Edit already existing team
  • You can Add Feature Images Contents here and this will display in Single Team page and Team Shortcode
  • You can add team member details like social links, Contact detail designation etc
  • You can Add Team Shortcode in elementor page builder, so Contents will display in Front end

Event

  • Here you can add new Event or you can Edit already existing team
  • You can Add Feature Images Contents here and this will display in Single Event page and Team Shortcode
  • You can add Events details like Event venue, Date , time , form etc...
  • You can Add Events Shortcode in elementor page builder, so Contents will display in Front end

portfolio

  • Here you can add new portfolio or you can Edit already existing Portfolio
  • You can Add Feature Images Contents here and this will display in Single Portfolio page and Team Shortcode
  • You can add Portfolio details , Project link, Clients details etc...
  • You can Add Portfolio Shortcode in elementor page builder, so Contents will display in Frontend

Testimonials

  • Here you can add new Testimonials or you can Edit already existing Testimonials
  • You can Add Feature Images Contents here and this will display in Single Team page and Testimonials Shortcode
  • Here you can add your client Reviews , Ratings and their details like image and Contact info
  • You can Add Testimonials Shortcode in elementor page builder, so Contents will display in Frontend

Page and Post Options

The Page options is used to change A particular page Settings. Here you can change header , Footer Styles , Page Templates. Sidebars, Page padding , spacing , page layout etc.

This Option will work For only in that page Only. So for Global change you should use Theme options WordPress >> Appearance >> Customizer >> Theme options . If changes only in this page means you can use page options.

Page options

This is Page Options here you can modify this page Layouts and looks this all settings will only work for this particular Page.

General Settings

This is general page settings like layouts , Skins etc and this all settings will only work for this particular Page.

  • Page Layout- Choose page layout for current post single view. Here you can set Boxed Or Wide layout
  • Page Content Padding Option- Here you can Set the top/right/bottom/left padding of page content.
  • Page Background Color- Choose color setting for current page background.
  • Page Background Image- Set Image for current page background.
  • Page Margin- These all are margin settings for current page.
  • Page Template Option - Here you can select the current page template like left, Right , both sidebar template.
  • Sidebar On Mobile- Here you can enable disable Sidebar on Mobile

Header Settings

This is page Header settings like Header layouts , Skins etc and this all settings will only work for this particular Page.

  • Header Extra Class- Enter extra class name for additional class name for header.
  • Header Layout- Choose page layout for current page header layout.
  • Header Type - Choose page layout for current page header type.
  • Header Items Options- Choose header items options for enable header drag and drop items.
  • Header Absolute Option- Choose header absolute to change header look transparent.
  • Header Sticky- Choose header sticky options.
  • Secondary Space Option - Choose secondary space option for enable secondary menu space for current page.
  • Custom Logo - Here you can Upload / Change logo for this current page
  • Custom Sticky Logo- Here you can Upload / Change Sticky logo for this current page.
  • Select Navigation Menu- Choose navigation menu for current page.
  • Header Top Bar Options- Choose header items options for enable header drag and drop items.
  • Header Top Bar Skin Settings- Choose header topbar skin settings options.
  • Header Top Bar Sticky Skin Settings- Choose header topbar sticky skin settings options.
  • Header Top Bar Items Option- Choose header topbar items enable options.
  • Header Logo Bar Options- Choose header items options for enable header drag and drop items.
  • Header Logo Bar Skin Settings- Choose header logo bar skin settings options.
  • Header Logo Bar Sticky Skin Settings- Choose header logo bar sticky skin settings options.
  • Header Logo Bar Items Option- Choose header logo bar items enable options.
  • Header Navbar Options- Choose header items options for enable header drag and drop items.
  • Header Navbar Skin Settings- Choose header navbar skin settings options.
  • Header Navbar Sticky Skin Settings- Choose header navbar sticky skin settings options.
  • Header Navbar Items Option- Choose header navbar items enable options. you can drag and Drop and enable disable items
  • Header Sticky/Fixed Part Options- Choose header sticky part option.
  • Header Sticky/Fixed Part Items Option- Choose header sticky items enable options.
  • Page Title Option- Choose page title enable or disable.
  • page Title bar options- Here you can add and change page title bar Design and settings for this current page. You can change background image , text, page title bar items, Skin etc.
One Page Settings

This is for One page settings. This all settings will only work for this particular Page.

  • One Page Menu Offset- Here you can set the required space between header and content for desktop menu.
  • One Page Moblie Menu Offset- Here you can set the required space between header and content for mobile menu.

Post Options

This is Post Options here you can modify this page Layouts and looks this all settings will only work for this particular post page.

General Settings

This is general page settings like layouts , Skins etc and this all settings will only work for this particular post.

  • Post Layout- Choose post layout for current post single view. Here you can set Boxed Or Wide layout.
  • Post Content Padding Option- Here you can Set the top/right/bottom/left padding of page content.
  • post Background Color- Choose color setting for current page background.
  • Post Margin- These all are margin settings for current page.
  • Post Template Option - Here you can select the current page template like left , Right , both sidebar template.
  • Sidebar On Mobile- Here you can enable disable Sidebar on Mobile.
  • Featured Slider- Here you can enable feature slider on this current post single page.
  • Full Width Wrap- Here you can enable or disable single post full width wrap.
  • Post Items Option- Here you can drag and drop required single post items for this current post single page.
  • Post Overlay Items- Here you can drag and drop required single post overlay items for this current post single page.
  • Post Page Items options- Here you can drag and drop required single post page items for this current post single page.
  • Post Overlay Items- Here you can drag and drop required single post overlay items for this current post single page.

Header Settings

This is Post Header settings like Header layouts , Skins etc and this all settings will only work for this particular Post Page.

  • Header Extra Class- Enter extra class name for additional class name for header.
  • Header Layout- Choose post layout for current page header layout.
  • Header Type - Choose post layout for current page header type.
  • Header Items Options- Choose header items options for enable header drag and drop items.
  • Header Absolute Option- Choose header absolute to change header look transparent.
  • Header Sticky- Choose header sticky options.
  • Secondary Space Option - Choose secondary space option for enable secondary menu space for current post.
  • Custom Logo - Here you can Upload / Change logo for this current post
  • Custom Sticky Logo- Here you can Upload / Change Sticky logo for this current post.
  • Select Navigation Menu- Choose navigation menu for current post.
  • Header Top Bar Options- Choose header items options for enable header drag and drop items.
  • Header Top Bar Skin Settings- Choose header topbar skin settings options.
  • Header Top Bar Sticky Skin Settings- Choose header topbar sticky skin settings options.
  • Header Top Bar Items Option- Choose header topbar items enable options.
  • Header Logo Bar Options- Choose header items options for enable header drag and drop items.
  • Header Logo Bar Skin Settings- Choose header logo bar skin settings options.
  • Header Logo Bar Sticky Skin Settings- Choose header logo bar sticky skin settings options.
  • Header Logo Bar Items Option- Choose header logo bar items enable options.
  • Header Navbar Options- Choose header items options for enable header drag and drop items.
  • Header Navbar Skin Settings- Choose header navbar skin settings options.
  • Header Navbar Sticky Skin Settings- Choose header navbar sticky skin settings options.
  • Header Navbar Items Option- Choose header navbar items enable options. you can drag and Drop and enable disable items
  • Header Sticky/Fixed Part Options- Choose header sticky part option.
  • Header Sticky/Fixed Part Items Option- Choose header sticky items enable options.
  • Post Title Option- Choose post title enable or disable.
  • Post Title bar options- Here you can add and change post title bar Design and settings for this current post. You can change background image , text, post title bar items etc.
  • Post Title Skin Settings- Choose Post title skin settings options.
  • Post Title Overlay- Choose Post title overlay color.

Footer Settings

This is Footer post settings like layouts , Skins etc and this all settings will only work for this particular Post.

  • Footer Layout- Choose footer layout for current post. Here you can Set Boxed or Wide layout for Current post.
  • Hidden Footer- Choose hidden footer option.
  • Footer Skin Settings- Choose footer skin settings options.
  • Footer Items Option- Choose footer items enable options. Here you can enable Footer Items.
  • Footer Top Skin - Choose footer top skin options. Here you can modify footer top skin, background, colors etc..
  • Footer Layout Option- Choose footer layout option.
  • Footer Middle Skin- Choose footer middle skin options.
  • Footer Middle Layout Option- Here you can Choose footer Middle layout option.
  • Footer Bottom Fixed- Choose footer bottom fixed option. Here you can enable Footer fixed Option. This will Stick fixed bottom of the page.
  • Footer Bottom Skin- Here you can modify Footer bottom Skin and Layouts.
  • Footer Bottom Items- Here you can Set Footer bottom Items.
Slider

This is Slider settings here you can slider Your Page. This will work in this page only.

  • Slider Option- Here you can select slider position, you can select slider on top of the header Or bottom of the header.
  • Slider Shortcode- This is the place for enter slider shortcode. Example revolution slider shortcodes.
Format

Here you can select your post format and its types and formats.

  • Video- This part for if you choosed video format, then you must choose video type and give video id.
  • Video ID- Enter Video ID Example: ZSt9tm3RoUU. If you choose custom video type then you enter custom video url and video must be mp4 format.
  • Audio- This part for if you choosed audio format, then you must give audio id.
  • Audio ID- Enter soundcloud audio ID. Example: 315307209.
  • Gallery- This part for if you choosed gallery format, then you must choose gallery images here.
  • Quote- This part for if you choosed quote format, then you must fill the quote text and author name box.
  • Link- This part for if you choosed link format, then you must fill the external link box.
  • Link Modal- Here you can choose link modal, Text and External links.

Shortcodes

Shortcodes in WordPress let you add different kinds of functionality to your website without writing a single line of code.

Our theme comes with a number of custom shortcodes allowing you to add the information in a simple way. Moreover, you can use Elementor Page Builder to add new elements to the page. Find the theme-related custom shortcodes under the charety-core plugin in the Elementor Page Builder's Back-end Editor.

Here you can Activate and Deactivate Shortcodes here depends on your site requirements.

Activated Shortcode will display in Elementor Front End Editor Elements. You can use them.

Animated Text

This shortcode For to insert Animated text.

  • Choose heading tag - Here you can select content Title Heading tags <h1>, <h2>, <h3>, <h4>, <h5>, <h6> HTML Tag
  • Enter title- Here you can enter Title
  • Enter animated text- Here you can Enter animated text with (,) Separator.
  • Enter type speed- Here you enter speed
  • Enter back speed- Here you Enter Back text speed
  • Enter start delay- Here you can enter Start delay
  • Enter cursor character- Here you can put cursor point
  • Enter animate loop- Here you can select animation loop true or False.

Example:

Blog

  • Post Per Page - Here you can define post limits per page. Example 10
  • Excerpt Length- Here you can define post excerpt length. Example 10
  • Include Categories - This is filter categories. If you don't want portfolio filter, then leave this empty. Example slug: travel, web
  • Exclude Categories- Here you can mention unwanted categories. Example slug: travel, web
  • Read More Text- Here you can enter read more text instead of default text.
  • Heading Tag- Here you can select content Title Heading tags <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
  • Font Color - Here you can put the font color.
  • Link Color - Here you can put the link color.
  • Link Hover Color- Here you can put the link hover color.
  • Blog Layout- Here you can select your blog layout style
  • Blog Masonry- This is an option for blog masonry or normal.
  • Blog Pagination- Here You can enable Blog pagination
  • Blog Variation- This is an option for blog variation either dark or light.
  • Blog Columns - This is an option for blog columns.( 2,3,4)
  • Post Items- This is the settings for blog custom layout. Here you can set your own layout. Drag and drop needed blog items to Enabled part.
  • Post Overlay Items Options- Here you can enable Post overlay
  • Post Top Meta- This is the settings for blog shortcode post top meta.
  • Post Bottom Meta - This is the settings for blog shortcode post bottom meta.
  • Text Align - This is an option for blog text align.
  • Image Size - Choose thumbnail size for display different size image.
  • Slide Option - This is an option for blog slider option.
  • Slide Items - This is an option for blog slide items shown on large devices.
  • Items on Tab - This is an option for blog slide items shown on tab.
  • Items on Mobile - This is an option for blog slide items shown on mobile.
  • Auto Play - This is an option for blog slider auto play.
  • Loop - This is an option for blog slider loop.
  • Items Center - This is an option for blog slider center, for this an option must active loop and minimum items 2.
  • Navigation- This is an option for blog slider navigation.
  • Pagination - This is an option for blog slider pagination.
  • Items Margin - This is an option for blog slider margin space.
  • Items Duration - This is an option for blog slider duration.
  • Items Smart Speed - This is an option for blog slider smart speed.
  • Items Slide by - This is an option for blog slider scroll by.
  • Items Spacing - Here you can mention each blog items bottom space if you want to set default space of any item just use hyphen(-). Example 10px 20px - 10px

Example:

Circle Progress

This shortcode displays Progress Bar in Circle Shape

  • Title- Here you put the circle progress title.
  • Progress Value- Here you can place progress value. This value must be in 1 to 100. Example 70
  • Content- Here you put the progress content.
  • Font Color - Here you can put the font color.
  • Title Color - Here you can put the title color.
  • Circle Progress Layout- Here You can select your circle progress bar layout
  • Circle Progress Items- This is the settings for Circle Progress custom layout. Here you can set your own layout. Drag and drop needed Circle Progress items to Enabled part.
  • Circle Empty Fill Color- Here you can put the circle empty fill color.
  • Circle Start Color- Here you can put the circle fill start color.
  • Circle End Color - Here you can put the circle fill end color. If you not giving end color, then circle take start color for end color.
  • Circle Progress Size - Here you can set circle progress size. Example 200.
  • Circle Progress Thickness - Here you can set circle progress thickness. Example 10.
  • Circle Progress Duration - Here you can set circle progress animation duration. Example 1500.
  • Text Align- This is an option for circle progress text align.
  • Items Spacing - Here you can mention each blog items bottom space if you want to set default space of any item just use hyphen(-). Example 10px 20px - 10px

Example:

Chart

This shortcode displays Charts / Pie Charts / Line Charts.

  • Title- Here you put the chart title.
  • Chart Width- Here you can specify chart width. Example 800
  • Chart Height- Here you can specify chart height. Example 300
  • Chart Type- Here you can select you chart styles
  • Chart Responsive- This is an option for responsive chart.
  • Chart Legend Position- Here you can select should be display on Top or Bottom
  • Chart Details- Here you can Add chart and its details.

Example:

Contact Form

This shortcode displays a Different styles contact forms.

  • Title- Here you put the circle progress title.
  • Title Tag- Here You can set heading tag for title.
  • Contact Form- Choose one contact form from given contact forms.
  • Contact Form Layout- Here you can select Contact form layout style.
  • Font Color- Here you can put the font color.
  • Text Align- This is an option for circle progress text align.

Example:

Contact Info

This shortcode used to display Contact informations like Address, Phone, Email and social details

  • Title- Here you put the circle progress title.
  • Title Tag- Here you can select Heading title tag
  • Font Color- Here you can put the font color.
  • Text Align- This is an option for circle progress text align.
  • Contact Info Layout- Here you can select Contact Info
  • Contact Info Items- This is the settings for contact info custom layout. Here you can set your own layout. Drag and drop needed contact items to Enabled part.
  • Contact Information or Description- Enter contact information or description here.
  • Contact Address- Enter contact address here.
  • Email Id- Enter email id. If you enter multiple email id means, separate with comma(,).
  • Contact Number- Enter contact number. If you enter multiple contact number means, separate with comma(,).
  • Contact Timing- Enter contact timing here.
  • Social Icons Type and Style - Here You can select Social icons Type Rounded /SQuare / Circle
  • Contact Form - Choose one contact form from given contact forms.
  • Social Links - Here you can select all social links

Example:

Counter

This shortcode is used to show Counters.

  • Title- Here you put the counter title.
  • Counter Value- Here you can place counter value. Example 200
  • Counter Content - Here you put the counter content.
  • Choose Icon Font - This is an option for select icon font.
  • Fa Icon - This is an option for select font awesome icons.
  • Title Color - Here you can put the title color.
  • Count Color - Here you can put the count color.
  • Circle Progress Layout - Here you can select circle progress layout
  • Post Heading Tag - Header you can select Heading tag for title,
  • Counter Items - This is the settings for counter custom layout. Here you can set your own layout. Drag and drop needed counter items to Enabled part.
  • Icon Size - Here you can put the icon custom size.
  • Icon Style - This is an option for counter icon style.
  • Counter Image - Choose section title counter image.
  • Counter Duration - Here you can set counter count duration. Example 2000
  • Text Align - This is an option for circle progress text align.
  • Items Spacing - Here you can mention each blog items bottom space. if you want to set default space of any item just use hyphen(-). Example 10px 20px - 10px

Example:

Day Counter

This shortcode displays countdown.

  • Date- Here you put the day counter date. Date format should be yyyy/mm/dd
  • Font Color - Here you can put the font color.
  • Day Counter Layout - Here you select Day counter Style
  • Day Counter Items - This is the settings for day counter custom layout. Here you can set your own layout. Drag and drop needed services items to Enabled part.
  • Day Counter Shape - This is an option for counter shape.
  • Day Counter Shape- This is an option for counter shape.
  • Text Align- This is an option for circle progress text align.
  • Labels - Here you can set labels

Example:

Events

This shortcode displays Events. you can Customize Events in WordPress Dashboard >> Events >> Here you can Add new and Edit Existing Events

  • Post Per Page- Here you can define post limits per page. Example 10
  • Excerpt Length- Here you can define post excerpt length. Example 10
  • Read More Text- Here you can enter read more text instead of default text.
  • Heading Tag- Here you set Heading tag for title
  • Font Color - Here you can put the font color.
  • Event Layout - Here you can select Event style and design
  • Event Variation - This is an option for event variation either dark or light.
  • Event Columns - This is an option for event columns.
  • Post Items - This is the settings for event custom layout. Here you can set your own layout. Drag and drop needed event items to Enabled part.
  • Text Align - This is an option for event text align.
  • Image Size - Choose thumbnail size for display different size image.
  • Slide Option - This is an option for blog slider option.
  • Slide Items - This is an option for blog slide items shown on large devices.
  • Items on Tab - This is an option for blog slide items shown on tab.
  • Items on Mobile - This is an option for blog slide items shown on mobile.
  • Auto Play - This is an option for blog slider auto play.
  • Loop - This is an option for blog slider loop.
  • Items Center - This is an option for blog slider center, for this an option must active loop and minimum items 2.
  • Navigation - This is an option for blog slider navigation.
  • Pagination - This is an option for blog slider pagination.
  • Items Margin - This is an option for blog slider margin space.
  • Items Duration - This is an option for blog slider duration.
  • Items Smart Speed - This is an option for blog slider smart speed.
  • Items Slide by - This is an option for blog slider scroll by.
  • Items Spacing - Here you can mention each blog items bottom space if you want to set default space of any item just use hyphen(-). Example 10px 20px - 10px

Example:

Feature Box

This Shortcode is used to display feature box , icon Box , Image Box and Video Box.

  • Feature Box Title- Input feature box title here.
  • Set Title as Link- This is an option for feature box title as link. Enable yes to set title url.
  • Title External Target- Here you can select link target
  • Title Heading Tag- Here you can select Heading tag for title
  • Title Color- Here you select Title color
  • Title Transform- Set title text-transform property.
  • Font Color- Here you can put the font color.
  • Feature Box Layout- Here you select Feature Box layout
  • Text Align - This is an option for Feature Box text align.
  • Feature Box List Style - This is an option for enable or disable feature box list style.
  • Feature Box Items- This is the settings for feature box custom layout. Here you can set your own layout. Drag and drop needed feature items to Enabled part.
  • Choose Icon Font - This is an option for select icon font.
  • Fa Icon- This is an option for select fontawesome icons.
  • Icon Size- This is an option for set icon size. Example 30
  • Icon Outer Width and Height- This is an option for set icon outer width and Height. Example 60
  • Icon Style- Choose icon style.
  • Icon Vertical Middle- This is an option for feature box icon set vertically middle from the outer area.
  • Icon Style - This is an option for feature box icon style.
  • Hover Color- Here you can put the icon hover color.
  • Icon Background- Here you can put the icon background.
  • Icon Background Custom Color- Here you can put the icon background color.
  • Icon Hover Background- Here you can put the icon hover background.
  • 10.2.3 Icon Border Size- Here you can put the border size. Example 1
  • Border Color- Here you can put the border color.
  • Hover Border Color- Here you can put the hover border color.
  • Border Size - Here you can put the border size in value. Example 2.
  • Feature Box Image- Choose feature box image.
  • Image Style- Choose image style.
  • Image Hover Effects- This is effects option for image hover.
  • Feature Box Number - Enter feature box number. Example 01
  • Feature Box Video - Choose feature box video. This url maybe youtube or vimeo video. Example https://www.youtube.com/embed/qAHRvrrfGC4
  • Button Text - Enter section button text here. If no need button, then leave this box blank.
  • Button URL - Enter section button url here. If no need button url, then leave this box blank.
  • Button Type - Choose button type.
  • Button Color - This is an option for change button color predefined or custom.
  • Button Hover Color - This is an option for change button hover color predefined or custom.
  • Button Bg Color- This is an option for change button background color predefined or custom.
  • Button Bg Hover Color - This is an option for change button background hover color predefined or custom.
  • Content - You can give the feature box content here. HTML allowed here.
  • Items Spacing - Here you can mention each feature box items bottom space. if you want to set default space of any item just use hyphen(-). Example 10px 20px - 10px

Example:

Flipbox

This shortcode Used to display Flip boxes

  • Flip Box Hover Styles- This is an option for hover animation style flip box.
  • Text Align- This is an option for blog text align.
  • Primary Title Heading Tag- Here you can select heading tag for title.
  • Primary Box Items- This is the settings for primary box custom layout. Here you can set your own layout. Drag and drop needed flip items to enabled part.
  • Flip Box Primary Padding- This is padding option of primary box. Example 10px
  • Primary Items Spacing - Here you can mention each flip primary box items bottom space if you want to set default space of any item just use hyphen(-). Example 10px 20px - 10px
  • Secondary Title Heading Tag- Here you can select heading tag for title.
  • Secondary Box Font Color- Here you can put the flip secondary box color.
  • Secondary Box Background Color -Here you can put the flip primary box secondary color.
  • Secondary Box Items- This is the settings for secondary box custom layout. Here you can set your own layout. Drag and drop needed flip items to enabled part.
  • Flip Box Secondary Padding- This is padding option of secondary box. Example 10px
  • Secondary Items Spacing- Here you can mention each flip secondary box items bottom space if you want to set default space of any item just use hyphen(-). Example 10px 20px - 10px
  • Flip Box Title- Input flip box title here.
  • Set Title as Link- This is an option for flip box title as link. Enable yes to set title url.
  • Title External Target - Select Target For link.
  • Title Primary Color - Here you can put the flip primary box title color.
  • Title Secondary Color - Here you can put the flip primary box title color.
  • Title Transform- Set title text-transform property.
  • Choose Icon Font - This is an option for select icon font.
  • Fa Icon- This is an option for select font awesome icons.
  • Icon Size- This is an option for set icon size. Example 30
  • Icon Outer Width and Height - This is an option for set icon outer width and Height. Example 60
  • Icon Style - Choose icon style.
  • Icon Vertical Middle - This is an option for flip box icon set vertically middle from the outer area.
  • Icon Style - This is an option for flip box icon style.
  • Icon Hover Color - Here you can put the icon hover color.
  • Icon Background - Here you can put the icon background.
  • Icon Hover Background - Here you can put the icon hover background.
  • Icon Border Size - Here you can put the border size. Example
  • 1Border Color - Here you can put the border color.
  • Hover Border Color - Here you can put the hover border color.
  • Flip Box Image- Choose flip box image.
  • Image Style - Choose image style.
  • Image Hover Effects- This is effects option for image hover.
  • Button Text- Enter section button text here. If no need button, then leave this box blank.
  • Button URL- Enter section button URL here. If no need button URL, then leave this box blank.
  • Button Type- Choose button type.
  • Content- You can give the flip box content here. HTML allowed here.

Example:

Google Map

This shortcode displays a Google map. Make sure there is a valid API key in the "Google API key" field on the Customizer >> theme options >> General >> API tab.

Example:

Icon

This shortcode used for to display icons with different styles.

  • Text Align- This is an option for blog text align.
  • Choose Icon Font- This is an option for select icon font.
  • Fa Icon- This is an option for select font awesome icons.
  • Icon Size- This is an option for set icon size. Example 30
  • Icon Outer Width and Height- This is an option for set icon outer width and Height. Example 60
  • Icon Style- Choose icon style.
  • Icon Vertical Middle - This is an option for icon set vertically middle from the outer area.
  • Icon Color - This is an option for icon color.
  • Icon Hover Color - Here you can put the icon hover color.
  • Icon Background - Here you can put the icon background.
  • Icon Hover Background - Here you can put the icon hover background.
  • Icon Hover Background Custom Color- Here you can put the icon background hover custom color.
  • Icon Border Size- Here you can put the border size. Example 1
  • Border Color - Here you can put the border color.
  • Hover Border Color- Here you can put the hover border color.

Example:

Icon List

This shortcode used for to display icons and Text

  • Title Color - Here you can put the title color.
  • Icon Size- This is an option for set icon size. Example 30
  • Icon Style- This is an option for icon list icon style.
  • Icon Hover Color - Here you can put the icon hover color.
  • Icon List Bottom Space- This is an option for set icon list bottom space. Example 10
  • Icon List- Here You can add list title.

Example:

Image Grid

This shortcode used for to display Image grids / Clients / Clients sliders

  • Image Grid Columns- This grid option using to divide columns as per given numbers. This an option active only when slide inactive otherwise slide columns only focus to divide.
  • Image Grid Style- Choose image grid style.
  • Add Images- Here you can Add images
  • Image Size- Choose thumbnail size for display different size image.
  • Slide Option- This is an option for blog slider option.
  • Slide Items- This is an option for blog slide items shown on large devices.
  • Items on Tab- This is an option for blog slide items shown on tab.
  • Items on Mobile- This is an option for blog slide items shown on mobile.
  • Auto Play - This is an option for blog slider auto play.
  • Loop - This is an option for blog slider loop.
  • Items Center- This is an option for blog slider center, for this an option must active loop and minimum items 2.
  • Navigation- This is an option for blog slider navigation.
  • Pagination- This is an option for blog slider pagination.
  • Items Margin- This is an option for blog slider margin space.
  • Items Duration - This is an option for blog slider duration.
  • Items Smart Speed - This is an option for blog slider smart speed.
  • Items Slide by- This is an option for blog slider scroll by.

Example:

Mailchimp

This shortcode used to display mailchimp sign up.

  • Title- This is mailchimp title.
  • Extra Class- Put extra class for some additional styles.
  • Heading Tag- Choose your heading tag.
  • Title Color- Here you can put the title color.
  • Mailchimp Layout- Here You can choose your mailchimp layout
  • Select a Mailing List- This mailchimp list's showing by given mailchimp api key from theme options.
  • SignUp Button Style- This is an option for mailchimp button style.
  • SignUp Button Text- This is the option for mailchimp signup button text. If no text need, then leave it empty.
  • Placeholder Text- This is for placeholder text.
  • First Name Field- This is an option for collect first name.
  • Last Name Field- This is an option for collect last name.
  • Sub Title- This subtitle text show below of mailchimp title.
  • Success Text- This success message text for mailchimp.
  • Failed Text- This failed message text for mailchimp.

Example:

Modal Popup

This shortcode used to display mailchimp signup.

  • Font Color- Here you can put the font color.
  • Text Align- This is an option for blog text align.
  • Modal Popup Trigger Type- This is an option for modal popup trigger type. If you choose button, then set button style with Button tab.
  • Button Text- Here you can put the modal popup trigger button text.
  • Button Font Color- Here you can put the modal popup trigger button color.
  • Modal Popup Button Font Hover Color- Here you can put the modal popup trigger button hover color.
  • Modal Popup Button Background Color- This is color option for modal popup trigger button background color.
  • Modal Popup Button Hover Background Color- This is color option for modal popup trigger button background hover color.
  • Modal Content- You can place here modal popup content., Here you can add Shortcodes , Forms etc..

Example:

Popup Frame

This shortcode used to display the frame Inside the you can display video , Forms , Website etc..

  • Extra Class- Put extra class for some additional styles.
  • Popup Anything- This is an option for popup anything.
  • Popup URL- Enter popup url. Example https://www.youtube.com/watch?v=tvDH4JM_gME
  • Text Align- This is an option for popup trigger text align.
  • Choose Icon Font- This is an option for slect icon font.
  • Ti Icon- This is an option for select themify icons.
  • Icon Size- Here you can put the icon custom size.
  • Icon Style- This is an option for counter icon style.
  • Popup Trigger Image- Choose popup trigger image.
  • Image Style- Choose image style.
  • Button Text- Enter section button text here. If no need button, then leave this box blank.
  • Button Type- Choose button type.
  • Button Color- This is an option for change button color predefined or custom.
  • Button Hover Color- This is an option for change button hover color predefined or custom.
  • Button Bg Color- This is an option for change button background color predefined or custom.
  • Button Bg Hover Color- This is an option for change button background hover color predefined or custom.
  • Popup Text- Choose popup custom text here.
  • Popup Text Color- Choose popup custom text color here.

Example:

Popover

This shortcode used to display popover while click on Text, Icon , Image etc..

  • Extra Class- Put extra class for some additional styles.
  • Popover Trigger Type- This is an option for popover trigger type.
  • Popover Position- This is an option for popover position.
  • Popover Width- Put popover content width here. Example 252
  • Text Align- This is an option for popover trigger text align.
  • Choose Icon Font- This is an option for select icon font.
  • Ti Icon- This is an option for select themify icons.
  • Icon Size- Here you can put the icon custom size.
  • Icon Style- This is an option for counter icon style.
  • Popover Trigger Image- Choose popover trigger image.
  • Image Style- Choose image style.
  • Button Text- Enter section button text here. If no need button, then leave this box blank.
  • Button Type- Choose button type.
  • Button Color- This is an option for change button color predefined or custom.
  • Button Hover Color- This is an option for change button hover color predefined or custom.
  • Button Bg Color- This is an option for change button background color predefined or custom.
  • Button Bg Hover Color- This is an option for change button background hover color predefined or custom.
  • Popover Text- Choose popover custom text here.
  • Popup Text Color- Choose popup custom text color here.
  • Popover Content- Choose popover custom content here.

Example:

portfolio

This shortcode used for to display icons and Text

  • Post Per Page- Here you can define post limits per page. Example 10
  • Excerpt Length- Here you can define post excerpt length. Example 10
  • Include Categories - This is filter categories. If you don't want portfolio filter, then leave this empty. Example slug: travel, web
  • Exclude Categories- Here you can mention unwanted categories. Example slug: travel, web
  • Read More Text- Here you can enter read more text instead of default text.
  • Heading Tag - Here you can select heading tag for the title.
  • Font Color - Here you can put the font color.
  • Link Color - Here you can put the link color.
  • Link Hover Color - Here you can put the link hover color.
  • Post Heading Tag - Here you can select heading tag for title
  • Portfolio Layout - Here you can select portfolio layout
  • Portfolio Masonry- This is an option for portfolio masonry or normal.
  • Portfolio Pagination- Here you can enable portfolio pagination
  • Portfolio Variation - This is an option for portfolio variation either dark or light.
  • Portfolio Columns - This is an option for portfolio columns.
  • Post Items - This is the settings for portfolio custom layout. Here you can set your own layout. Drag and drop needed portfolio items to Enabled part.
  • Post Overlay Items Options - Here you can enable portfolio overlay
  • Post Top Meta - This is the settings for portfolio shortcode post top meta.
  • Post Bottom Meta - This is the settings for portfolio shortcode post bottom meta.
  • Text Align - This is an option for portfolio text align.
  • Image Size - Choose thumbnail size for display different size image.
  • Slide Option - This is an option for blog slider option.
  • Slide Items - This is an option for blog slide items shown on large devices.
  • Items on Tab - This is an option for blog slide items shown on tab.
  • Items on Mobile- This is an option for blog slide items shown on mobile.
  • Auto Play- This is an option for blog slider auto play.
  • Loop- This is an option for blog slider loop.
  • Items Center - This is an option for blog slider center, for this an option must active loop and minimum items 2.
  • Navigation - This is an option for blog slider navigation.
  • Pagination- This is an option for blog slider pagination.
  • Items Margin- This is an option for blog slider margin space.
  • Items Duration - This is an option for blog slider duration.
  • Items Smart Speed - This is an option for blog slider smart speed.
  • Items Slide by - This is an option for blog slider scroll by.

Example:

Pricing Table

This shortcode displays Different styles of pricing table.

  • Title - Enter pricing table here.
  • Font Color- Here you can put the font color.
  • Pricing Table Layout- Here you can choose the pricing table layout.
  • Pricing Table Items- This is the settings for pricing table custom layout. Here you can set your own layout. Drag and drop needed pricing items to Enabled part.
  • Title Color- Here you put the title color.
  • Price Before Text- This is before text field for price.
  • Price- This is field for price.
  • Price After Text- This is after text field for price.
  • Price Features List - Here you can add your pricing features
  • Pricing Image- Choose pricing image.
  • Pricing Video- Choose pricing video. This URL maybe youtube or vimeo video. Example https://www.youtube.com/embed/qAHRvrrfGC4
  • Pricing Content- This is an option for pricing content.
  • Button Text- This is an option for pricing button text.
  • Button URL- This is an option for pricing button url.
  • Text Align- This is an option for blog text align.
  • Ribbon Option - This is an option for pricing table ribbon. If you enable this an option, then it's showing ribbon settings i.e color, text, etc.
  • Choose Icon Font- This is an option for select icon font.
  • Fa Icon- This is an option for select font awesome icons.
  • Choose Icon- Choose pricing table icon.

Example:

Rounded Tab

This shortcode used to display Rounded tab

  • Extra Class- Put extra class for some additional styles.
  • Font Color - Here you can put the font color.
  • Tab Head Type- This is an option for tab head type.
  • Icon Size- Here you can put the icon custom size.
  • Tab Head Color- Here you can put the tab head color.
  • Choose Icon Font- This is an option for select icon font.
  • Tab Head Background Color - Here you can put the tab head background color.
  • Tab Head Hover Color-Here you can put the tab head hover color.
  • Tab Head Hover Background Color- Here you can put the tab head hover background color.
  • Inner Contents- Here you can add tab details.
  • Choose Icon Font- This is an option for select icon font.
  • Fa Icon- This is an option for select font awesome icons.
  • Tab Image- Choose tab image.
  • Tab Head Text- This is an option set tab head text.
  • Sub Title- This is an option set tab subtitle.
  • Main Title- This is an option set tab main title.
  • Content- This is an option to set tab content.

Example:

Section Title

This shortcode displays Section title with different styles.

  • Font Color- Here you can put the font color.
  • Modal Box Title Heading Tag- Here you can choose the section title box title heading tag.
  • Title - Enter section title here.
  • Title Prefix- Enter section title prefix. If no need title prefix, then leave this box blank.
  • Title Suffix - Enter section title suffix. If no need title suffix, then leave this box blank.
  • Text Align- This is an option for blog text align.
  • Title Color- Here you can set the section title color.
  • Title Prefix Color- Here you can set the section prefix title color.
  • Title Suffix Color - Here you can set the section title suffix color.
  • Font Size- Enter title font size. Example 30.
  • Line Height - Enter title line height. Example 30.
  • Title Text Transform- This is an option for title transform.
  • Title Margin- Enter title margin here. Example 30px 20px 30px 20px.
  • Sub Title- Enter section title here. If no need sub title, then leave this box blank.
  • Sub Title Position- This is an option for positioning sub title.
  • Sub Title Color- Here you can set the section sub title color.
  • Lead Text- Enter section lead text here.
  • Separator Type- This is an option for positioning sub title.
  • Content- Enter section title below content.
  • Button Text- Enter section button text here. If no need button, then leave this box blank.
  • Button URL- Enter section button URL here. If no need button URL, then leave this box blank.
  • Button Type- This is an option for positioning sub title.

Example:

Services

This shortcode displays Services with different styles.

  • Post Per Page- Here you can define post limits per page. Example 10
  • Excerpt Length- Here you can define post excerpt length. Example 10
  • Read More Text- Here you can enter read more text instead of default text.
  • Read More Button Style- This is an option for services read more button style.
  • Heading Tag- Here you can Select Heading Tag for this title
  • Font Color- Here you can put the font color.
  • Service Layout- Here you can Select Service layout
  • Service Variation- This is an option for service variation either dark or light.,
  • Service Columns- This is an option for service columns.
  • Post Items- This is the settings for service custom layout. Here you can set your own layout. Drag and drop needed service items to Enabled part.
  • Text Align- This is an option for service text align.
  • Image Size- Choose thumbnail size for display different size image.
  • Slide Option- This is an option for blog slider option.
  • Slide Items- This is an option for blog slide items shown on large devices.
  • Items on Tab- This is an option for blog slide items shown on tab.
  • Items on Mobile- This is an option for blog slide items shown on mobile.
  • Auto Play- This is an option for blog slider auto play.
  • Loop - This is an option for blog slider loop.
  • Items Center - This is an option for blog slider center, for this an option must active loop and minimum items 2.
  • Navigation- This is an option for blog slider navigation.
  • Pagination- This is an option for blog slider pagination.
  • Items Margin- This is an option for blog slider margin space.
  • Items Duration- This is an option for blog slider duration.
  • Items Smart Speed - This is an option for blog slider smart speed.
  • Items Slide by- This is an option for blog slider scroll by.
  • Items Spacing- Here you can mention each service items. bottom space if you want to set default space of any item just use hyphen(-). Example 10px 20px - 10px

Example:

Team Member

This shortcode displays Team Members with different styles.

  • Post Per Page- Here you can define post limits per page. Example 10
  • Excerpt Length- Here you can define post excerpt length. Example 10
  • Read More Text- Here you can enter read more text instead of default text.
  • Heading Tag - Here you can select Heading tag for Title
  • Font Color- Here you can put the font color.
  • Team Layout- Here you can select your team layout
  • Team Variation- This is an option for team variation either dark or light.
  • Team Columns- This is an option for team columns.
  • Post Items- This is the settings for team custom layout. Here you can set your own layout. Drag and drop needed team items to Enabled part.
  • Text Align- This is an option for team text align.
  • Overlay Team Option- This is an option for enable overlay team option.
  • Image Size- Choose thumbnail size for display different size image.
  • Social Icons Type- Here you can choose the social icons view type.
  • Social Icons Fore- This is an option for day social icons fore color.
  • Social Icons Fore Hover- This is an option for day social icons fore hover color.
  • Social Icons Background- This is an option for day social icons background color.
  • Social Icons Background Hover- This is an option for day social icons background hover color.
  • Slide Option- This is an option for blog slider option.
  • Slide Items- This is an option for blog slide items shown on large devices.
  • Items on Tab - This is an option for blog slide items shown on tab.
  • Items on Mobile- This is an option for blog slide items shown on mobile.
  • Auto Play - This is an option for blog slider auto play.
  • Loop- This is an option for blog slider loop.
  • Items Center - This is an option for blog slider center, for this an option must active loop and minimum items 2.
  • Navigation- This is an option for blog slider navigation.
  • Pagination- This is an option for blog slider pagination.
  • Items Margin- This is an option for blog slider margin space.
  • Items Duration- This is an option for blog slider duration.
  • Items Smart Speed- This is an option for blog slider smart speed.
  • Items Slide by- This is an option for blog slider scroll by.
  • Items Spacing- Here you can mention each team items bottom space.if you want to set default space of any item just use hyphen(-). Example 10px 20px - 10px

Example:

Testimonials

This shortcode displays Team Members with different styles.

  • Post Per Page- Here you can define post limits per page. Example 10
  • Excerpt Length- Here you can define post excerpt length. Example 10
  • Read More Text- Here you can enter read more text instead of default text.
  • Heading Tag- Header you can select heading tag for title
  • Font Color- Here you can put the font color.
  • Testimonial Layout- Here you can select Testimonial Layout
  • Testimonial Variation- This is an option for testimonial variation either dark or light.
  • Testimonial Columns- This is an option for testimonial columns.
  • Post Items- This is the settings for testimonial custom layout. Here you can set your own layout. Drag and drop needed testimonial items to Enabled part.
  • Text Align- This is an option for testimonial text align.
  • Image Size- Choose thumbnail size for display different size image.
  • Slide Option- This is an option for testimonial slider option.
  • Slide Items- This is an option for testimonial slide items shown on large devices.
  • Items on Tab - This is an option for testimonial slide items shown on tab.
  • Items on Mobile- This is an option for testimonial slide items shown on mobile.
  • Auto Play - This is an option for testimonial slider auto play.
  • Loop- This is an option for testimonial slider loop.
  • Items Center - This is an option for testimonial slider center, for this an option must active loop and minimum items 2.
  • Navigation- This is an option for testimonial slider navigation.
  • Pagination- This is an option for testimonial slider pagination.
  • Items Margin- This is an option for testimonial slider margin space.
  • Items Duration- This is an option for testimonial slider duration.
  • Items Smart Speed- This is an option for testimonial slider smart speed.
  • Items Slide by- This is an option for testimonial slider scroll by.
  • Items Spacing- Here you can mention each team items bottom space.if you want to set default space of any item just use hyphen(-). Example 10px 20px - 10px

Example:

Timeline

This shortcode displays timeline.

  • Font Color - Here you can put the font color.
  • Timeline Style- Here you can choose timeline view type.
  • Timeline Layout- This is an option for timeline layout. If you choose left/right layout, then this an option set the timeline position same side.
  • History Line Style- This is an option for timeline history line style.
  • Timeline Settings- Here you can add your Timeline History with various style.
  • Timeline Position- This is an option for timeline position. Either same side or opposite side.
  • Timeline Title- Here you can put the timeline title.
  • Timeline Sub Title- Here you can put the timeline sub title.
  • Timeline Title Color- Here you can put the timeline title and subtitle color.
  • Separator Shape- This is an options for separator shape.
  • Separator Type- This is an option for timeline separator type either icon/image/text. If no need separator, then choose none.
  • Icon- Here you can select your Icon
  • Separator Color- Here you can put the timeline separator color.
  • Separator Background Color - Here you can put the timeline separator color.
  • Separator Title- Here you can put the timeline separator title.
  • Separator Sub Title- Here you can put the timeline separator sub title.
  • You can give the feature box content here. HTML allowed here.

Example:

Timeline Slide

This shortcode displays timeline.

  • Event Line Distance- This is an option for timeline event line distance. If you use timeline for years make distance volume low.
  • Timeline Setting- Here you can add your Timeline histories
  • Timeline Date- Here you can put the timeline date. Must follow the date format dd/mm/yyyy. Example 16/01/2014
  • Timeline Separator Title- Here you can put the timeline separator title.
  • Timeline Title- Here you can put the timeline title.
  • Timeline Sub Title- Here you can put the timeline sub title.
  • Content- You can give the feature box content here. HTML allowed here.

Example:

Toggle Content

This shortcode displays Toggle Content option.

  • Toggle Height- Here you put the height of toggle window height. It will toggle to given height.
  • Content- Here you can add your content
  • Content Color- Here you can put the content color.
  • Button Text- Enter button text when content short.
  • Toggle Less Button Text- Enter button text when content appear full.
  • Button Icon- This is an option for enable button icon.
  • Button Type- Choose button type.

Example:

Plug-ins

This section contains a brief description, as well as references, to some plug-ins available with this theme.

Contact Form 7

Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.
Check this link for more information. More guides are available here.

The theme comes with several pre-built contact forms that can be customized in Contact (WP Dashboard) > Contact Forms.


[contact-form-7 id="5" title="Contact form 1"]

PLEASE NOTE! According to General Data Protection Regulation, you need to make your forms compliant. All pre-built forms, that come with this theme, already have the corresponding "I agree..." checkboxes.

Slider Revolution

Our theme is fully compatible with an extremely powerful Revolution Slider plug-in. Your secret weapon to creating responsive WordPress sliders, web pages & stunning visuals even with zero experience.

Check the following links for more information regarding the Revolution Slider functionality:

  1. Download sample sliders
  2. Slider usage Example and how-tos
  3. Layers creating guide

Add Slider Revolution via Shortcodes

You can add sliders to your page using shortcodes in WPBakery Page Builder Or Page page options >> Slider >> Here you can paste you Revolution Slider Shortcode. You can either use the Revolution Slider shortcode, or select the Slider shortcode and choose slider engine - Slider Revolution.

WooCommerce

WooCommerce is the world’s most popular open-source eCommerce solution. Our core platform is free, flexible, and amplified by a global community. The freedom of open-source means you retain full ownership of your store’s content and data forever. Whether you’re launching a business, taking brick-and-mortar retail online, or developing sites for clients, use WooCommerce for a store that powerfully blends content and commerce.

Please refer Woocommerce Documenmtation. Here is a list of really reference to create your shop.

  1. Documentation - official plug-in documentation.

Elementor Page Builder

It’s about time for a live page builder, with no limits of design. A page builder that delivers high-end page designs and advanced capabilities, never before seen on WordPress.

  1. Tons Of Designs Ideas- Here you can Refer Design Ideas
  2. Elementor Faq's- Official Elementor Frequently Asked Questions
  3. Video Tutorials For Elementor Page builder- Here you can watch Tutorials Of Elementor Page builder
  4. Elementor official Documentation- This Is KnowledgeBase Of Elementor Live page builder
  5. Getting Started Guide- Official Getting Started Guide
  6. Elementor Tips and Tricks- Tips and Tricks For Elementor

Translations

1. Get the theme 

  • In this example we're going to add some translations to our theme charety.
  • we assume you already know how to install WordPress themes. You don't need to activate the theme yet. Just have it installed into "wp-content/themes" and we can move on.

2. Check you can switch language 

Wordpress Dashboard >> Settings > General admin screen and scroll to the bottom. You should see a drop-down list with the label "Site Language". Changing this will set a new default language for all site visitors. Try it and you should see something like this:

we're going to set the language to Greek, listed under "Available > Ελληνικά" in the list. Once WordPress has downloaded the core language packs for Greek this entry will move to the "Installed" section.

If you don't see your language in the drop-down list you may have to install the core language packs manually.


3. Set up the folders

Before you do any translating, make sure the following folder exists on your site, and is writable by the web server:

wp-content/languages/loco/themes

4. Check the theme contains a POT file

  • Looking inside the charety theme folder we can see a "languages" sub-folder containing a file called "charety.pot". This is a translation template provided by the theme author. It contains all the translatable phrases (or strings) that the theme defines.
  • If your theme has no template file, Loco Translate will warn you. In this case we know it exists, but just to be sure check it's at the following location:
wp-content/themes/charety/languages/charety.pot

5. Find the theme in the translation dashboard 

Click the admin menu item that says "Loco Translate" and select the "Themes" sub section. This will take you to a list of all available themes in your WordPress. You should see "charety" in the list regardless of whether it's your active theme. Click it and you should see the following screen:


Skip PHP Files Larger Than Size always Should be 2000k.



6. Add a new language 

  • Above the language list (which may be empty) you should see a button that says "New language" with an add icon. To start translating the theme into another language click this button and you'll be taken to a new screen where you can choose the language you want.
  • Select a language from the drop-down list of common languages. In this example we'll select 'Greek'. You could achieve the same result by entering "el" into the text field instead

7. Translate some strings

  • Once on the editor screen you'll see all the strings the theme has defined in its template file. Untranslated strings are shown in bold blue. To start with they will all be untranslated.
  • The basics of the editor should be fairly intuitive. Select the English string at the top and enter your translation in the pane at the bottom. You can ignore most of the editor buttons for now. We're just going to enter a translation and save it.


  • For our example we've picked out the phrase "Leave a Reply". Using the text filter at the top of the editor we can find this phrase quickly and select it in the list. Then we enter the text "Αφήστε μια απάντηση" into the bottom panel as our translation.
  • The string at the top now shows a star icon to indicate that our changes are not yet saved.
  • Continue to translate as much as you like and when you're ready click the Save icon in the editor toolbar. Congratulations, you've saved your first WordPress translation.

8. Viewing the translated theme String

  • Our new MO file will be loaded by the Omega theme (and only by the charety theme) when the Greek language setting is active. So, let's check it works..
  • blog post on your site and check near comment box the sample phrase we translated . We can see here "Leave a Reply will appear - below the title of every post.


it Will work.

  • For Our core Plugin Translate same Format like as Theme Translation.
  • Some of our Strings will display from our core Plugin.
  • So we Need to translate our Core Plugin too for language translation.

  • Wordpress Dashboard >> Loco Translate >> Plugin Here you can find Our core plug-in Example charety Core
  • Create New language >> Select language Example (Example ) Greek we chose before for theme translation. 
  • Select path for pot generation.
  • Finally you can start translate charety Core plugin file. 
  • This will also work like Theme string translation.

For More Questions Refer this site

https://localise.biz/wordpress/plugin/beginners

Common Faq's

Here we discussed about Common themes and its features Frequently Asked Questions.

Mailchimp API Key Issue
Please follow the below steps to fix the error. Go to admin backend > login to admin > Go to Customizer > Theme options > General > API > Mailchimp API Key. input your Mailchimp Key.
  • You can add mailchimp subscriptions to any wordpress page/post in two ways. One is Elementor Shortcodes and other one is Mailchimp Widget.
  • Before that you need to add Mailchimp api key to integrate with your mailchimp account.
  • Navigate to Theme Options > General > API > Mailchimp Api key. You can find the Mailchimp API Key box.
  • Enter your Mailchimp API key to get subscribers for your lists.
  • Add Mailchimp Using Elementor.
  • You can design your Forms using Elemenor Shortcodes. Just go to the page where you want to add mailchimp form and Click on Add New Element button in Elementor tab.
  • Navigate to Theme Addons and click on Mailchimp Form addon.
  • Mailchimp Form popup box will open and customize your details and click ok. The mailchimp form is added.
  • Add Mailchimp Using Mailchimp Widget.
  • To add mailchimp widget, Navigate to Appearance > Widgets.
  • You can find the Widget Mailchimp Subscription Form in left side of the page. Just drag and drop it in your required area.
  • Click on the Mailchimp Widget Tab and Enter the details of your Mailchimp such as Title, Description and Mailing List.
Theme options >> Custom post types >> Services >> Service Slug here you can change. Save the theme options. Also Save permalinks once In Settings >> Permalinks.
Check Woocommerce installed? You should install woocommerce before demo import so only shop page and products will import properly.
If you got slider not found Alert in slider area means please check if all the slider is available or not. If all ok means please check shortcode Pasted correctly in page options. Also Check Revolution sliders is available.
Theme options >> Custom post types >> Services >> Service Slug here you can change. Save the theme options. Also Save permalinks once In Settings >> Permalinks.
Theme options >> Custom Post Types. Here you can enable of disable your custom post types. save theme options.
Theme options >> Skin >> Theme Skin Here you can change the theme color. save theme options.
Theme options General > API Get API key fromGoogle map then paste to Google Map API Key text box. Finally Save the theme options.
  • Theme options General > Loader
  • You can see the Page Loader Just enable that  then you can upload your page loader image.
  • Finally Save the theme options
  • Theme options > custom post type Enable whatever you need
  • save theme option Refresh the page  you can find the custom post types in admin sidebar.
  • Login to wordPress Admin
  • Navigate to System status  in your left admin sidebar.
  • Here you can see your System status and configuration
  • Navigate to Appearance > Custom Fonts  in your admin sidebar.
  • Choose font to upload
  • Custom fonts should be in this following format. .eot, .otf, .svg, .ttf, .wof option.
  • Font folder name only show as font name in theme option.
  • So make folder name and font name are should be the same but font name like slug type.
  • Eg: Font folder name is – 28 Days Later font name like 28-days-later.eot, 28-days-later.otf …
  • Navigate to Revolution Slider in your admin sidebar.
  • You can find the Import Slider option.
  • Click on Browse button and select your zip file then click Import Slider button.
  • Step 1 : Appearance  >> Menu >> Create New Menu Called ” One Page menu”.
  • Step 2   : Add Menu items Example From Left side Click “custom Link”  You can see two fields Url And Menu Text.
  • Example : For Url #section-aboutus and  Link Text About Us.
  • Step 3 : Edit One page >> Page Options >> header >> Select Navigation Menu >> Here You should Select “one page Menu” Before you Created one.
  • After That in that Page Example :: About Us Section >> Edit Row >> General >> Id >> section-aboutus
  • So One Page Scroll Will work Perfectly.

  • Go to WooCommerce tab on your admin sidebar, and select the Settings tab.
  • Click on the Products tab at the top of the page. Click on Display Tab under the product tab.
  • Scroll down to see the Product Images section, you will find the Catalog Images, Single Product Images, and Product Thumbnails dimensions.
  • Enter the required Width and Height for the above image options.
  • The minimum suggest Width for our theme is 600px.
  • Navigate to Pages
  • Click Edit option on the required page.
  • Scroll down to see the Page Options tab.
  • Click on Header tab in Header items Options > custom > drag and drop topbar to Disable part.
  • Update the page.
  • You can disable the Footer Widgets in Theme Options settings.
  • Navigate to Theme Options > Footer.
  • Find the option Footer Items.
  • Drag footer Items to Disabled State.
  • Hit the Save changes button to apply your changes.
    • You can disable the Mobile Sticky Header in Theme Options settings.
    • Navigate to Theme Options > Header > Mobile Menu.
    • Find the option Mobile Header Sticky.
    • You can choose enable disable  Mobile Sticky Header here.
    • Hit the Save changes button to apply your changes.
  • You can disable the Sticky Header in Theme Options settings.
  • Navigate to Theme Options > Header.
  • Find the  Sticky Header Items > Sticky > Empty that Space.
  • Hit the Save changes button to apply your changes.
  • You can disable the Footer Widgets in Theme Options settings.
  • Navigate to Theme Options > Footer.
  • Find the option Footer Items.
  • Drag footer Items to Disabled State.
  • Hit the Save changes button to apply your changes.
  • You can setup a Homepage in Settings.
  • Navigate to Settings > Reading in your WordPress Dashdoard panel.
  • Select Front page displays to a Static Page.
  • Choose a page from the drop down menu for Front Page which will be your home page.
  • Leave empty for Posts page from drop down menu and Save the changes.
  • You can disable the Footer Widgets in Theme Options settings.
  • Navigate to Theme Options > Footer.
  • Find the option Footer Items.
  • Drag footer Items to Disabled State.
  • Hit the Save changes button to apply your changes.
  • You can create a Sidebar in Appearance.
  • Navigate to Appearance > Custom Sidebars.
  • Click on Add Sidebar button to create new sidebar and enter the name for sidebar. You can add as many sidebars as you need..
  • Once you have created, you need to add Widgets to your sidebar.
  • Navigate to Appearance > Widgets and find your sidebar on the right side of the page.
  • On the left hand side you will see all the widgets you can use, simply drag and drop the widget you want into your sidebar on the right hand side.
  • Make sure you click Save button to save the widgets added to your sidebar.
  • To use the sidebar for a page which you have created now, Navigate > Pages > Page Options > Sidebar, choose the sidebar from the drop-down lists.
  • You can use the sidebar for only Default Page Template.
  • You can enable Maintenance mode in Theme options.
  • Navigate to Theme options > Maintenance.
  • You can find Enable Maintenance Mode option.
  • There are two ways to enable Maintenance mode such as On ( Maintenance Default ) ,  (Coming Soon Default ) and On ( Custom Page ).
  • Select an Item for the custom page and if you would like to show a custom page instead of the standard page from theme. You should use the Maintenance Page template for this page.
    • You can add Google Map with multiple markers using Google Map Elementor shortcode.
    • Click on Add New Element from Elementor Tab and the popup window will open
    • Navigate to Theme Addons and you can find the Google Map.
    • Click on Google Map and the popup will open the Google Map Settings.
    • You can customize the map options, after that upload the Image for Marker and Navigate to Content Tab.
    • You can find the Title and Content for the Markers.
    • Enter a title for each marker position on Title area. Divide titles with linebreaks (Enter).
  • You have to install Contact Form 7 plugin to add contact form in your theme.
  • Navigate to Plugins > Add New and search Contact Form 7 plugin and install it.
  • After installing the plugin, Navigate to Page you want to add Contact Form.
  • Click on Add New Element from Elementor.
  • You can find the Contact Form shortcode from that elementor window.
  • Customize the contact form settings and save the changes.
  • You can enable sliding bar option in Theme Options settings.
  • Navigate to Theme Options > Header > Top Sliding bar Enable.
  • You can Enable/Disable the Sliding bar option.
  • You can Disable Sliding Bar on Mobile.
  • Sliding Bar Columns – Select the number of columns to display in the Sliding Bar.
  • To add content to the Header Top sliding bar settings, navigate to Appearance > Widgets here you can add widgets for top sliding bar.
  • You have to set responsive options in carousel settings.
  • Navigate to Slider in carousel settings
  • When you choose slider using shortcodes, you can find the options like Items To Display in Tablet, Items To Display In Mobile Landscape, Items To Display In Mobile Portrait.
  • Items To Display in Tablet – Enter the number of items to display in Tablet.
  • Items To Display In Mobile – Enter the number of items to display in Mobile  view.
  • You can change font family and sizes in Theme Options settings.
  • Navigate to Theme Options > Typography.
  • You can find the Body Font option.
  • You can also change h1 To h6 Heading fonts and font settings.
  • You can select font family, font-weight, Line Height, Font Size, Font Color for body font properties.
  • Likewise, you can change the font for Menu, Page/Post and Widgets.
  • Click Save changes button to apply the changes.
  • You can enable secondary menu option in Theme Options settings.
  • Navigate to Theme Options > Header > Secondary Menu Space Settings.
  • You can find the Secondary Menu option and enable it.
  • And You can Put widgets to secondary Menu in Appearance > Widgets > Secondary  Menu sidebar
  • Click Save changes button to apply the changes.
  • You can add your custom logo in Theme Options settings.
  • Navigate to Theme Options > General > Logo.
  • Also You have an option in Page  Options > General > Custom Logo., Sticky Logo.
  • You can Upload an image or insert an image url to use for the website logo.
  • Logo Padding – Choose the spacing for logo.
  • Sticky Header Logo – You can Upload an image or insert an image url to for the Sticky Header logo.
  • You can change the Header Layout in Theme Options settings.
  • Navigate to Theme Options > Header.
  • Find the option Header Layout.
  • Choose the Header Layout such as Wide or Boxed.
  • Hit the Save changes button to apply your changes.
  • You can drag and drop any header items to Left, Center, Right.
  • There is an Option For Topbar, Logobar , Navbar you can customize anything in it.
    • Yes, our theme support different languages and you can enable RTL for right-to-left language mode.
    • For RTL mode Navigate to Theme Options > General.
    • Find the option Enable RTL Mode, Click Yes to Enable it.
  • You can change the color Skin for your theme in Theme Options settings.
  • Navigate to Theme Options > Skin > Theme Skin.
  • Theme Color – You can choose your own color from  color Skin options for your theme. Also you can enable/disable the Transparent option.
  • Link Color – Choose link color for regular and hover options.
  • You can hide Page Title bar to any page in Page Options settings.
  • Just go to the page/post where you want to hide Page Title bar.
  • Navigate to Pages > Edit Page or Add New
  • Scroll down to see Page Options > Header > Page Title Bar.
  • Choose Yes from drop-down to Hide page title bar.
  • Navigate to Posts > Select Posts as Featured.
  • Navigate to Theme Options > Blog template >  Blog Featured Slider.
  • You can customize the Default Feature Post Slider settings like display option, number of post to display, Post Limit etc.
You can add Instagram to any wordpress page/post using Instagram Widget. Before adding Instagram, you need an Instagram account details to integrate with your account. To add Instagram widget, Navigate to Appearance > Widgets. You can find the Widget Instagram in left side of the page. Just drag and drop it in your required area. Click on the Instagram Tab and Enter the details of your Instagram details such as Title, User name, Number of Photos to show, Link Text, Link Target.
  • You can easily translate Language using Loco translate Refer link: Loco translate
  • You can add or overrite css usgin Appearance >> Customizer >> Additional Css
  • Child Theme >> Style.css
  • You can add or overrite the css in above both places.
  • Theme options >> Footer >> Footer bottom >> Copyright text >> Here you can change your text.
  • You can change header Custom text on Theme options.
  • Appearance >> Theme options >> Header >> Header logobar >> Custom text1,2,3 Here you can change Texts.
  • Same option For header Top and Logo bar too.
  • Its a file permission Issue.
  • So fix File permission To 777 for Wp-content folder.
  • Please check Appearance >> Menu >> your Main manu (Primary menu).
  • Bottom Of the page check if it is checked as Primary menu. If not Means check and save the menu.
  • Menu will disaply in front end.
  • You can hide Page Title bar to any page in Page Options settings.
  • Just go to the page/post where you want to hide Page Title bar.
  • Navigate to Pages > Edit Page or Add New
  • Scroll down to see Page Options > Header > Page Title Bar.
  • Choose Yes from drop-down to Hide page title bar.
  • You can enable Live Preview for  Theme options Changes.
  • Wordpress Dashboard >> Elementor Settings >> Bottom of the page >> Enable/Disable Customizer Auto Refresh Option >> Here you can enable.
  • You can enable Sidebar Sticky in Widget footer by using Text Widget or Custom HTML.
  • Wordpress Dashboard >> Appearance >> Widget >> Here you can enable by adding below code in Text Widget.
  • Set the Position of Form where want to display like top,middle,bottom (Example: align="middle")
  • Set the width for the Form. (Example: width="500px")
  • Place the icon class. (Example: icon_class="ti-email")
  • Place the Shortcode of the Form. (Example: [contact-form-3 id="7245" title="Enquiry Form"])
  • [charety_sticky_element align="top" width="300px" position="top" icon_class="ti-email"]
    											[contact-form-7 id="6226" title="Enquiry Form"][/charety_sticky_element]
  • Customize >> Theme Options >> Header >> Header General >> Advanced >> Select Advanced Menu in Main Menu Type.
  • Wordpress Dashboard >> Appearance >> Menus >> Select your Primary Menu and add Example Menu by using Custom Link
  • In Example menu you can select Style of the MenuExample: Default,Hot,New,Trend
  • Here you can enable Mega Menu and its Logo, Width ,Background image and Icon.
  • Create Sub Menu. Select style of the Menu Example: Default,Hot,New,Trend
  • Here you can Enable/Disable Menu Title.
  • Select your column from Mega Child Column and Choose Menu Icon.
  • Wordpress Dashboard >> Appearance >> Menus >> Create a new Menu.
  • Add One page menus by using Custom links and set the URL by section id. (Example: #section-top)
  • Enter name of the Menu in Link Text (Example: Home)
  • Wordpress Dashboard >> Pages >> Add New >> Create a new home page or keep your exist home page as One Page.
  • Edit charety Page Options >> Header >> Select Navigation Menu >> Here Choose your One Page Menu.

For Search Engine Optimization

Best WordPress SEO Tips & Techniques to Boost Rankings we listed below
  1. Set your Permalinks
    WordPress comes with a default permalink settings to allow you to change them as per your convenience and needs. These settings can be found in settings -> permalinks.
  2. Create a sitemap for your website
    Your website can contain hundreds of pages and in order to get your web pages indexed by Google, you need to tell Google your website structure. Creating a Google XML sitemap is extremely easy. WordPress offers an extremely useful plugin called Google XML Sitemaps that automatically generates a sitemap of your website which will help search engines to better index your site.
  3. Use Google Analytics
    Google Analytics is a popular analytic tool developed and offered by Google. It is absolutely free to use and helps you keep track of your website traffic. The tool lets you know about the traffic source, behavior and various other important attributes that will help you better reach your target audience.
    Google Analytics helps you perform a number of different chores including locating a 404 error page, examining the behavior of your visitors, source of your traffic, combating referral spam and so much more.
  4. Use SEO Plugins
    WordPress also offers many SEO Plugins including Yoast SEO, All in One SEO Plugin and so much more that take care of your website and encourage you to add Meta title, Meta description, Meta tags, keywords and more. These plugins offer complete SEO solution that is available for WordPress.
  5. Optimize your media
    Media is an important part of any website. However, they can either completely ruin or improve your SEO efforts. How you tag and name your images will determine your SEO. With proper tagging, you are most likely to improve your chances of being ranked higher in image searches.
    Just uploading an image with a complex name isn’t a good SEO practice. When uploading an image to your WordPress website, you get an option to change its title, add a small caption, alt text, and description. Leveraging these options can significantly improve your website’s search engine rankings. It’s important for webmasters to use reverse image search tool for adding quality image on their websites. It will help them to increase organic traffic.
  6. Make your content Shareable
    Social Media has gained a huge popularity over the past few years. Today, almost every web user is active on various social media networks such as Facebook, Twitter, LinkedIn, Google+ and so much more. Making your content shareable allows your readers to share it across different social networks while driving huge traffic to your site.Adding social sharing buttons to your website not only drives traffic but also improves your website’s credibility. So, never take the social media power for granted
  7. Producing High-Quality Written Content
    What is the most used SEO tactic for enhanced search engine rankings? It’s high quality, user-engaging content.Whether you are running a blog or a corporate website, you are going to need quality content to rank higher in the search engines.The idea of quality content is not only related to a post which is free of grammatical errors and spelling mistakes but also that appeals to the readers.
  8. Using Correct Heading Tags
    In regards to good SEO practices, appropriately using heading tags is extremely crucial. However, if you are just a beginner, you might not be aware of heading tags and how to use them correctly.You can see heading tags in your editor, and are allowed to choose from heading 1 to heading 6.But which one to choose? You may ask.The H1 tag must always be employed for the title of the blog post and it is imperative to keep your H1 clear and informative. Your title should tell your readers what exactly your content is about and they must be interested in reading the entire content. Once you have used H1 heading correctly, you would want to use H2 tag for additional headings and then H3 and H4 tags for sub-headings and so on.Using heading tags is not only crucial for best SEO Practices but also for improving user engagement. It gives your users a better idea about your content and captures their attention in no time.
  9. Hosting
    Everyone might know the fact that Google ranks a site based on page speed in 2019 and beyond. Apart from using regular SEO techniques, one need to use a good and reliable hosting for their sites. One thing that helped us to rank higher than our competitors is using hosting with SSD drives. Many big hosts like Hostgator, Bluehost use traditional hard drives, while there are some others you can count on like Fastcomet hosting since it comes with SSD drives.

For Search Engine Optimization

Best WordPress Security Tips & Techniques we listed below
  1. Keeping WordPress Updated
  2. Passwords and User Permissions
  3. The Role of Web Hosting
  4. Use Best WordPress Security Plugin
  5. Enable Web Application Firewall (WAF)
  6. Move WordPress Site to SSL/HTTPS
  7. Disable File Editing
  8. Disable PHP File Execution
  9. Limit Login Attempts
  10. Add Two Factor Authentication
  11. Change WordPress Database Prefix
  12. Password Protect WP-Admin and Login
  13. Disable Directory Indexing and Browsing
  14. Disable XML-RPC in WordPress
  15. Automatically log out Idle Users
  16. Add Security Questions to WordPress Login
  17. Scanning WordPress for Malware and Vulnerabilies

Sources and Credits

This section discloses the sources of various files used within the theme and describes their function. Use this section to gain an understanding on how the theme functions behind the scenes, if considering any type of modification.

  • Fonts:
    1. Used Google Fonts For Full Theme. You can also change any google font.
  • Images:
    1. Used Pexels .
    2. Used pixabay .

Thank you for purchasing our Theme. We hope that you find all your questions regarding this Theme answered in this Documentation as much in details as possible. However, if you still need support, do not hesitate to contact us at our support forum for this Theme. If you have any questions that are beyond the scope of this help file, Feel free to post them on our Support Ticket center. Thanks so much!