User Guide

This is MOTO V4 theme documentation, containing helpful information, features and detailed instructions about how to use the theme.

1. Introduction

Moto V4 is one of the most unmatched and unparalleled WordPress out there in the market consists of a kind WordPress marketing theme that brings a new look to creating websites. In the Moto V4 theme, We provide a customer with 300 different layouts with some exciting features. As you will discover as you browse this manual, Moto V4 options are amazingly easy to implement. We have integrated many beneficial and useful customization tools in the theme like different header designs, unlimited color options, widgets, banner sliders and many more just to make the theme customization easy and seamless. It also provides an option to save a template and transfer one to another page with just one click. With Moto V4 Theme you have the freedom to create almost any kind of marketing Sales Pages, Landing Pages, E-Commerce Sites, Corporate Websites, Portfolio Pages with unlimited design possibilities.

1.1 key Features

Autoupdate System: - The theme has an auto-update system, so that users can directly update the theme without reinstalling it.
Autoupdate Custom Plugins: - All custom plugins have an auto-update system, so that users can directly update the plugins without reinstalling it.
Mega Menu: - With the help of Mega Menu, You can easily add several widgets column-wise, configure them and create great vertical mega menu.
Drag & Drop Page Builder: - WPBakery Page Builder plugin for WordPress take full control over your site. Build any layout you can imagine with intuitive drag and drop builder no programming knowledge required.
Gradient Color Options: - The gradient color option has two colors transitioning into each other. You can add various gradient color on buttons, icons, titles, custom boxes or even whole page sections.
Google Analytics & Google Adsense: - Google Analytics/Adscene are also added to the Moto V4 which display tool on your website to host third-party ads that are relevant to your audience and also Custom code which comes in many shapes and forms. Often, custom code is used to connect two systems together, which is known as point-to-point integration.
Redux Framework: - Redux is a simple, truly extensible options framework for WordPress themes and plugins.
Revolution Slider: - Slider Revolution is an innovative, responsive WordPress Slider Plugin that supports the Moto V4 Theme.
One Click Demo Installation: - Using this feature, the user can install a full demo website on a single click.
Customizable Footer: - Footer customizer provides users to create their own style footer in an easy way.
Customizable Header: - Header customizer provides users to create their own style Header in an easy way.
RTL: - Moto V4 Theme is well supported right to left functionality.
WPML: - WPML allows users to run fully multilingual functionality in the Moto V4 Theme.

1.2 System Specification

It will match all the requirements of our theme to your system. If any of the required detail comes in red then sort out the issue because these all are the basic requirements of our theme, so try to fulfill all the required details.

1.3 Created Date

Created : "22/07/2019"

Version : 4.0

By : Moto Themes

Email : support@motothemes.co

2. Theme & Plugins Installation

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions on WordPress Codex. Below are all the useful links for WordPress information.

WordPress Install - General info about WordPress and how to install on your server.
First Steps With WordPress - General info about multiple topics about WordPress.
FAQ New To WordPress - The most popular FAQ's regarding WordPress.

2.1 Download Theme

To download the theme user has to navigate our member area. To download the theme

Note - Users will get the member area login details via mail, Which users used at the time of their purchase. If in case, you didn't receive login info, then please contact to our support team via support@motothemes.co

After login to the member area, you can download the theme by clicking on Download button as shown in the screenshot. After this, you can see motov4.zip(main theme, which you have to install), motov4-child.zip .

motov4.zip - This is the main theme which you have to install.

motov4-child.zip(Child Theme) - This is the optional theme, and it is not necessary to install this theme with motov4.zip.

A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme.

Why use a Child Theme?

If you modify a theme directly and it is updated, then your modifications may be lost. By using a child theme you will ensure that your modifications are preserved.

2.2 Theme Installation

You can install the theme in two ways through WordPress, or via FTP. The motov4.zip file is the Installable WordPress Theme and that is what you need to use to get the theme installed. Please see the following sections for each method.

Installation via WordPress:
Installation via FTP:

2.2.1 Installation Via WordPress

How To Install Moto V4 Theme via WordPress?

Step 1 - Navigate to Appearance > Themes.

Step 2 - Click Add New and click the Upload button.

Step 3 - After successfully installing the theme don't forget to activate it.

2.2.2 Installation Via FTP

How To Install Moto V4 Theme via FTP?

Step 1 - Log into your hosting space via a FTP software.

Step 2 - Navigate to WordPress root directory >> WP Content >> Theme then unzip the motov4.zip.

Step 3 - After unzip the theme navigate to Appearance >> Themes and activate Moto V4 Theme.

2.2.3 Authentication Key

After theme installation, you will get redirected on the authentication page where the system ask to enter the license key. You need to enter the key which you get at the time of the theme installation from member's area.

2.3 Plugins Installation

After theme activation, you will see a notification message to install and activate the required & recommended plugins.

All plugins shown in screenshot are the required and recommended plugins. All the recommended plugins are the optional plugins.

Below mentioned plugins are required to install to use Moto theme v4-

MOTO V4 Core - This is a required plugin for the Moto V4 Theme, that enables all the features for the theme.
MOTO V4 Form Builder - Build Contact Forms, Newsletters, using this plugin.
Redux Framework - Redux is a simple, truly extensible options framework for WordPress themes and plugins.
WPBakery Page Builder - Drag and drop page builder for WordPress. Take full control over your WordPress site, build any layout you can imagine – no programming knowledge required.
Slider Revolution - Premium responsive slider plugins, This is the link which can help you to create sliders Revolution Slider Documentation

Below mentioned plugins are recommended and optional to install with Moto theme v4

MOTO V4 Demo Importer - Users can download the Demo Importer Plugins from the member's area according to their purchased level. All 150 demos are listed on the member's area, user will get these demos only after clicking on "Demo Importer Plugin". you can install the plugin zip of the demo which you want to use for your business. For example, Even you can download more than one demo plugin zip and after installing and activating all these, you just need to set them for your site. Like if user wants to use Organic Food Store then download organicfoodstore.zip from member's area then install and activate the plugin. After activating the plugin, your demo gets automatically installed on your WordPress site.
WooCommerce - An eCommerce toolkit that helps you sell anything.
MOTO V4 Woocommerce Addon - The plugin to customize WooCommerce.

3. Update Theme & Plugins

No need to reinstall for updating the theme. You will receive an automatic update notification message, if the update is available for the theme and plugins. Users can directly update all these as usual as WordPress default theme and plugins.

4. Demo Content

After installing the theme and required plugins the next step is to install the demo content. For this step, you must have to install the Demo Importer Plugins. User will get 150 demo importer plugin with Frontend Purchase and more 150 demo importer plugin with Pro purchase

If you have purchased the Frontend then you will receive plugins for 150 demo websites. If you have also purchased Pro version then you will get more 150 more websites in another plugin. You can download these plugins from member's area.

MOTO V4 Demo Importer - Users can download the Demo Importer Plugins from the member's area according to their purchased level. All 150 demos are listed on the member's area, you can access these demos after clicking on "Demo Importer Plugin". you can download the plugin zip of the demo which you want to use for your business, Even at the same time you can install and activate multiple demo plugins but you can set only one at a time. After activating the plugin your site gets ready to use.

5. MT4 Options

The Moto V4 options panel has been specially created to make your work faster and easier. Using this options are very easy and in just a few minutes you can change a lot of things on your page.

You can change all the theme options from MT4 Options.

Navigate to Dashboard >> MT4 Options

5.1 Demo Importer

Make sure, you have installed Demo Importer Plugin. This is the required plugin if you want to create a site with our readymade websites.

Navigate to MT4 options >> Demo Importer

To install demo content websites:

Firstly you need to go to the Demo Importer tab of this options panel.
Then you will get only those demos which you have downloaded from Member's area.
A preview popup appears when you take a mouse pointer to any demo, if you clicking on that pop up you can see a demo preview.

After clicking on the Import Demo Button, you have to wait for some time because, the demo will load from our server to your site.
Sometimes, due to the internet speed or server configuration issue, it will halt the process, if the progress bar stops moving ahead it means, Demo importer process has halted.
In this condition, you have to re-click on the Import Demo button.
After a successful import, the Import Demo Button name will be change to Imported and the button color is also changed to green.
Then a Set As Demo Button will appear on the bottom left of the demo, it is an optional button. It is required when you install multiple demos and want to switch the last imported demo, then you can click on this button, because the last imported demo will automatically set.

5.2 under construction

If your sites get crash or getting an upgrade, then this option is useful because, If anyone tries to open your site at that time than the user will see an "Under Maintenance or Under Construction" message.

Note : - To show your website Under Construction to the users, first, you have to make the new page from the Page menu, then select the Under Construction template from the Page Attributes in the right sidebar of the page. Navigate to Page Menu >> Add new >> Page Attributes >> under construction template.

Style - By this option, you can add or change the style of the page. After choosing the style, you have to set color combinations and background according to your needs.
Heading - By this option you can add or change the heading.
Description - By this option, you can write a description of your site, or what the new upgrade is coming.
Background - With the help of this option, the user can set the background for the page. If the user selects background as Color then the user can set color otherwise he can set the background image.
Background Color - By the help this option you can change the color of the background or you can also select the transparent option.
Background Image - If you select background as Image then you can upload an image for the background of the page using this option.
Heading Color - By the help this option you can change the color of the heading or you can also select the transparent option.
Text Color - By the help of this option, you can change the color of the text or you can also select the transparent option.

5.2.1 Timer Settings

By this option, you can add a timer to your page, which shows the user, that how much time is left to open a site. Firstly you have to enable the "On" button to add or design a timer.

Timer Style - By this option, you can select the style of your timer. After choose the style, you have to set color combination and background according your needs.
Timer Heading - By this option, you can add a heading of the timer section.
Date & Time - By this option you can add or change the date or time of the timer section .
Time Period - By this setting, you can set the time preference between AM and PM.
UTC Timezone - In this setting, you can set the UTC timezone according to your country. UTC Time Zone Clock
Timer Box color - By this option you can change the color of the box, or you can choose a transparent option.
Number Color - By this option you can change the color of the box, or you can choose a transparent option.
Timer Label Color - By this option you can change the color of the box, or you can choose a transparent option.
Timer Border Color - By this option you can change the color of the box, or you can choose a transparent option.

5.2.2 Additional Settings

In this option, you can add social icons or contact form for the user so they can connect with you.

Social Icons - By this option, you can add social icons like(Facebook, Instagram, Google +, Twitter). To add these social icons user has to navigate the Social tab under MT4 Options.
Contact Form/Newsletter - By this option, you can add a contact form and a newsletter so that the user can contact you. But first, you have to make a contact form in the form builder then you can call it here.

5.3 Theme Layout

Using this feature, user can set the layout for the website like boxed and full width or single page website.

Boxed layout - Box layout means, your website turn into a box shape layout. For this you have to enable the "On" button, then you can choose a color or you can select a transparent option. This will change the body background color. All this process will change your website into a box shape layout.

Single Page Website - A single page website means you can create your entire content of the website on a single page. For these, you have to enable the "On" button. After enabling this option you will have to set home page by navigating Settings >> Reading >> Homepage. After that, you will have to navigate the page which you have already set as Homepage then select Single Page Website Template as shown in the screenshot.

Note: Make sure you have not selected the Header With Center Logo style. This feature will not work with that header style because there are two menus required there.

5.4.1 Top Header Setting

Top header will be visible before the Main Menu. You can add here some general info like Email, Phone, Social Icons etc. We have attached some screenshots of basic headers but you can create more according to your needs.

Main Settings

Top Header - You have to "On" the button to get the top header settings.
Top Header Manager - Drag and Drop elements. Top three elements will work at a time. You can set any three menus from here according to your needs.
Padding - Padding goes around all four sides of the content and you can target and change the padding for each side.
Topbar Background Color - In topbar background color, there is a color option in which you can choose any color for the topbar background and also you can choose a transparent option.
Topbar Text Color - In topbar text color, there is a color option in which you can choose any color for the top background and also you can choose a transparent option.
Width - You can adjust the width setting of a topbar. By selecting one option between narrow and wide.

Button Settings

Button settings will be applicable for only top header button.

Button Text - By this option you can add or change the button text.
Button Link - By this option you can set or change the button link.
Border Radius - By this option you can adjust the radius of the border but, Enter the value in the given format (10px 10px 10px 10px OR 10px 20px), you can change the numeric values. Please don't add comma(,) between the values.
Color Style - There are two options in color style one is Solid and the second one is Gradient you can choose one at a time.

If the user selects Gradient color options:

Gradient Color 1 - You can add or change the gradient color1.
Gradient Color 2 - You can add or change the gradient color2.
Percent One - Please enter the percentage value here(Ex: 20,30,100, do not add % sign after the value).
Percent Two - Please enter the percentage value here(Ex: 20,30,100, do not add % sign after the value).
Gradient Type - You can select the gradient type (vertical, horizontal, digonalup/down).

If the user selects Solid color options:

Background Color - In background color, there is a color option in which you can choose any color for the background and also you can choose a transparent option.

Common Settings

Text Color - In text color, there is a color option in which you can choose any color for the text color and also you can choose a transparent option.

Hover - After enable it, user can find more settings related to the button hover.

Color Style - There are two options in color style one is Solid and the second one is Gradient you can choose one at a time. All the color related settings is same as we have described above.
Background Color - By this option you can change the hover background color or you can choose the transparent option.
Text Color - By this option you can change the hover text color, or you can choose the transparent option.

General Info Settings

Using this, the user can add some general information like email, phone number, etc.

First Notice - Add info as your needs.
Icon For First Noticce - Choose an appropriate Icon for the info.
Second Notice - Add info as your needs.
Icon For Second Noticce - Choose an appropriate Icon for the info.

News Slider Settings

A news slider is a type of slider which is designed to showcase latest news, articles, or blog posts. This means that when you publish a new post on your site, your news slider will automatically update to include your latest post.

Slider Heading - By this option, you can write or change the slider heading.
Slider Posts - By this option, you can choose posts for slider.
Slider Heading Background Color - Change the slider heading background color.
Slider Heading Text Color - Change the slider heading text color.

Page Links Settings

Using this feature, the user can set some pages within a top bar.

Topbar Page Links - User can select pages.
Topbar Page Link Text Color - User can set the color for selected pages.
Topbar Page Link Text Hover Color - User can set the hover color for selected pages.

5.4.2 Main Menu

Using these settings user can redsign main menu of the site.

Main Settings

Menu - To design the main menu, you have to enable the "On" button. Off will hide the main menu from the header part.
Site Logo - In this setting, the user can set a logo in the main menu area.
Main Menu Style - In this setting, the user can select and change the main menu style. There are nine option are available for you to select for your site. (Default, Transparent, Multicolor, Toggle, Centered Logo, Capsule Header, Centered Large Logo, Skew Header, Left Large Logo. )
Toggle Menu Position - In this setting, you can change the position of the toggle header where you want to show in the main menu. This setting is only applicable for the toggle header only, and the remaining eight headers have the same setting.
Social Box Color - Using this feature, the user can change the background color for the social icons. This setting is only applicable for the toggle header only, and the remaining eight headers have the same setting.
Width - You can also change the width setting of the Main Menu. By selecting one option between narrow and wide.
Sticky Main Menu - To apply this setting user need to enable the "On" button. Sticky, navigation is basically a website menu that is locked into place so that it does not disappear when the user scrolls down the page. In other words, it is accessible from anywhere on the website without having to scroll.
Sticky Bar Background Color - User can change the background color of the sticky bar.
Sticky Bar Text Color - User can change the text color of the sticky bar.
Current Page Menu Color - User can change the curent page menu color of the sticky bar.

Additional Settings

This is the additional settings so that users can set more settings of the main menu area.

Background Color - User can add or change the background color in the main menu area.

Padding - Padding goes around all four sides of the menu bar and you can target and change the padding for each side.
Select Menu - This setting will not work with Centered Logo style. You can memnu for the main menu area.
Menu Text Color - In this setting, the user can change or add menu text color and the user can also select the second option transparent.
Menu Text Hover Color - In this setting, the user can change or add menu text hover color.
Dropdown Background Color - By this setting you can change background of the dropdown menubar. This settings will be applicable for Submenu and Mega Menu background color.
Dropdown Links Color On Hover - By this setting you can change color of the dropdown link on hover.
Dropdown Links Background Color On Hover - By this setting you can change the background of the dropdown link on hover.
Mega Menu Headings Color - By this setting, you can Change the megamenu widgets heading color. But Make sure you have set Menu as Mega Menu.
Mega Menu Text Color - By this setting you can Change the megamenu widgets text color.
User Icon - You can add or remove the user icon from the page by the help of this menu.
Search Icon - You can add or remove the search icon from the page by the help of this menu.
Icon Color - You can add or remove the icon color from the page by the help of this menu.

Custom Button

Using this, user can add a button to the main menu area.

Button Text - Users can add the label for the button, by this option.
Button Link - You can add the link for the button, where you want to redirect it.

Custom Header

Using this, user can design their own header. For this, the user has to create a page using the drag and drop page builder and set it from here.

Select Header Page - You can Select the header page here, which you make in the pages menu.
Select Alignment - You can adjust the alignment of the header page.

5.4.3 Page Title

These are the settings for the page title of your website. To design the page title, you have to enable the "on" button.

Main Settings

Page Title Style - In this option the user can select the title style.
Text Transformation - By this option, the user can change the text transformation(Uppercase, Lowercase, Capitalize) by selecting between three options capitalize, uppercase and lowercase.
Padding - Padding goes around all four sides of the page and you can target and change the padding for each side.
Background Type - In this option, the user can choose to add color or image in the background.
Background color - User can choose to add color in the background.
Background Image - If you choose background as an image then the user can also upload an image for the background.
Breadcrumb - Breadcrumbs are the navigational aid that allows visitors to understand their current location in the context of a website. Firstly you need to enable the "on" the button to see the changes in the site.

5.5 Sidebar

Sidebar is basically a vertical column provided by the theme for displaying information other than the main content of the web page.

5.5.1 Main Settings

Here you can add or change the sidebar, or even you can design the sidebar as your need.

Sidebar Position - You can Select the sidebar position as you want to show on the page. There are four options for the sidebar position(No Sidebar, Left Sidebar, Right Sidebar, and Both Sides Sidebars), You can select according to your needs.
Sidebar Style - There is four option for the sidebar style (Default, Blogstyle, Corporatestyle, Darkstyle), You can choose according to your need.

Note: User has to add widgets to the sidebar by navigating Appearance >> Widgets before sidebar displaying.

5.5.2 Widgets Title Settings

Widgets can be added to any sidebar column. There are various fields and settings present to choose for each individual widget all are self-explanatory. You can put as many widgets as you want inside of the sidebar.

Background Color - In this setting, you can add or change the background color of the widget title, and you can also choose a transparent option if you want.
Font Size - User can adjust the font size from here. Only numeric value will be accepted here, value will be calculated in pixel automatically.
Line Height - User can set font line height from here. Only numeric value will be accepted here, value will be calculated in pixel automatically.
Letter Spacing - User can add letter spacing from here. Only numeric value will be accepted here, value will be calculated in pixel automatically.
Divider - User can add divider in heading using this setting.
Divider Width - This option is available only for the bottom and Horizontal right divider. You can add numeric value here.
Divider Hight - In this setting, you can set the hight of the divider. Enter number, if you need custom width (Ex: 2,3). This size will be in Pixel automatically.
Divider Color - In this setting, you can add or change the color of the divider or you can select the transparent option.
Border - For this setting you have to enable the on button if you want to add a border in the widget's title box.
Border Style - There are seven options available to style the border (Solid ,Dashed, Groove, Dotted, Double, Inset, outset), Choose according to your need.
Border Width - By this option, you can adjust the width of the border. Enter the numeric value but don't add suffix like px.
Border Color - In this option, you can add or change the color of the border or you can select the transparent option.
Border Radius - By this option you can adjust the radius of the border, but you can change each of the number individually (like 5px 10px 5px 10px). Please don't add comma(,) between the values, always keep empty space in between them.

5.5.3 Additional Setting

Link Color - You can change the color of the link. All the links of the sidebar will be affected by this setting.
Text Color - You can change the color of the text. All the normal text of the sidebar will be affected by this setting.
Hover Color - You can change the hover color of the link. All the links and some highlighted text of the sidebar will be affected by this setting.

5.6 Footer

MOTO V4 has the fully customizable footer so that the user can design their own.

5.6.1 Main Settings

We have added some dummy footer for the example so that the user can easily customize. All these are just examples, you can create different types of Footers according to your needs. Firstly you need to enable the "on" button then you can add or change the footer settings.

Select Footer Page - In this setting, you can create a footer by creating a page and select a footer page from here, so that the footer page will automatically add to the bottom of all the pages on the website.
Footer Background - There are two types of styles which you can select. The styles are Color and Image.
Background Color - In this settings, you can change the background color or you can select the transparent option.
Background Image - User can upload the backgroud image if user select background as an image.

5.6.2 Copyright Settings

Copyright Style - There are three copyright style for you as a example or you can make your own.
Copyright Text - In this setting, you can add or change the copyright text color.
Copyright Background Color - In this setting, you can add or change the copyright background color, or you can select the transparent option.
Copyright Link Color - In this setting, you can add or change the copyright link color, or you can select the transparent option.
Copyright Link Hover Color - In this setting, you can add or change the copyright link hover color, or you can select the transparent option.

5.7 Appearance

In appearance settings user can design buttons, page typography, post typography, and default template settings.

5.7.1 General Settings

Button Settings

- Button settings will be applicable for all theme buttons except shortcode related buttons. In the button setting, there are some sub settings for the button.

Color Style - There are two options in color style one is Solid and the second one is Gradient you can choose one at a time.

Gradient Color
- Gradient Color 1 - You can add or change the gradient color1.
- Gradient Color 2 - You can add or change the gradient color2.
- Percent One - Please enter the percentage value here(Ex: 20,30,100, do not add % sign after the value).
- Percent Two - Please enter the percentage value here(Ex: 20,30,100, do not add % sign after the value).
- Gradient Type - You can select the gradient type (vertical, horizontal, digonalup/down).
- Degree - This setting is only apply for Diagonalup/down. Please enter the degree of angle, Ex: 20,30,45(Do not add any suffix). Both +ve and -ve numbers are acceptable here.
Solid Color
- Background Color - In background color, there is a color option in which you can choose any color for the background and also you can choose a transparent option.
Text Color - In text color, there is a color option in which you can choose any color for the text color and also, you can choose a transparent option.
Hover - After enable it, user can find more settings related to the button hover.

Color Style - There are two options in color style one is Solid and the second one is Gradient you can choose one at a time. All the color related settings is same as we have described above.
Background Color - By this option you can change the hover background color or you can choose the transparent option.
Text Color - By this option you can change the hover text color, or you can choose the transparent option.
Border - In border style, there is three option one is the border radius the second one is border color and the third one is border color on hover.
Border Radius - By this option you can adjust the radius of the border, but you have enter the value in the given format(0px 10px 10px 10px OR 10px 20px) you can change the numeric values.Please don't add comma(,) between the values.
Border Color - By this option you can add or change the color of the border or you can select the transparent option.
Border Color On Hover - By this option you can add or change the border color on the hover or you can select the transparent option.

Page Loader

The page loader will continue to show on your screen until the website is fully open, after then the loader screen will disappear.

Upload Loader Image - By this option you can upload or change the loader image. Loader will work on front page of the site.
Loader Background Color - By this option you can add or change the loader background color, or you can select the transparent option.

Back To Top Button

The back to top button will help you to come up to the top screen with just one click without scrolling the mouse or the sidebar.

Button - To apply this setting firstly you have to enable the "on" button.
Alignment - By this setting, you can adjust the alignment of the button. you can set the alignment of a button to the center, right and on the left to.
Button Color - By this option you can add or change the color of the button or you can select the transparent option.
Upload Custom Image - By this setting, you can also upload an custom image to the back to top button.

5.6.2 Page Typography

In this setting, you can add or change the body background, background position, background size, and background font.

Body Settings

Body Background - With the help of, these options you can add or change the background color or you can also select the transparent option and you can also change the background image with the help of the upload button. There are also some settings to adjust the background color and image.

Typography setting

In the typography, you can change the body font of your site with the help of the following settings. But, if your text under the H1 to H6 heading it will not change the font. Then you have to change the font setting in h1 or it depends on you which heading you selected.

Font Family - By this option you can change the text font like arial, dorsa eater and many more, you can select one at a time .

Font Weight & Size - By this option the user can adjust the size or weight(bold ,italic, normal).

Text Alignment - By this option the user can adjust the alignment of the text by selecting the given option( left, right, center, justify, intial).

H1....H6 - If you select these heading tags for your sites then, you can only add or change the settings in the particular heading tags.

5.6.3 Post Typography

In this setting, you can add or change the body background, background position, background size, and background font.

Body Settings

Body Background - With the help of, these options you can add or change the background color or you can also select the transparent option and you can also change the background image with the help of the upload button. There are also some settings to adjust the background color and image.

Typography setting

Font Family - By this option you can change the text font like arial, dorsa eater and many more, you can select one at a time .

Font Weight & Size - By this option the user can adjust the size or weight(bold ,italic, normal).

Text Alignment - By this option the user can adjust the alignment of the text by selecting the given option( left, right, center, justify, intial).

Font Color - By this option you can change the font color or you can choose a transparent option.

H1....H6 - If you select these heading tags for your sites then, you can only add or change the settings in the particular heading tags.

5.6.4 Default Template

These settings will be applicable for default templates like 404, Search, Archive, Blog, etc. there are some settings to create or design this type of page is as follow:

Main Settings

Default Templates Style - By the help of this option, you can change the style of the default template, and there is also some other option to the style template like (square, curve & dark).
Anchor Tag Color - All the links of the default templates will be affected by this setting.
Anchor Tag Hover Color - All the links will be affected by this setting. You can see changes by hovering the links.
Icons Color - All the icons that will appear on the default templates will be affected by this setting.

5.8 Single Post Page

These settings will be applicable for the post single pages.

5.8.1 Main Settings

Select Style - By this setting you can change the style of the page by selecting certain options like( Default, Curve, Square & Dark ).
Enable Date - If you want to add a date on the page, for that you have to tick mark the enable date option.
Enable Author Name - If you want to add a author name on the page, for that you have to tick mark the enable author name option.
Enable Author Image - If you want to add a author image on the page, for that you have to tick mark the enable author image option.

Enable Comment Number - If you want to add a commnet number on the page, for that you have to tick mark the enable comment number option.
Enable Tags - If you want to add a tags on the page, for that you have to tick mark the enable tags option.
Enable Categories - If you want to add a categories on the page, for that you have to tick mark the enable categories option.
Enable Social Share Button - If you want to add a social share button on the page, for that you have to tick mark the enable social share button option.
About Author - If you want to add description about author on the page, for that you have to tick mark the about author option.
Related Posts - If you want to add a related posts on the page, for that you have to tick mark the related posts option.
Post Default Color - By this setting , you can change the color of the post and you can select the transparent option.

5.9 WooCommerce Styles

These settings will be applicable for Woocommerce templates.

5.9.1 Main Settings

Woocommerce Sidebar Position - Select sidebar position as you want to show on products realted page.
Product Columns - By this option, you can select how many columns do you want for the product.
Button Background Color - By this option you can add or change the background color of the button or you can select the transparent option.
Button Background Color On Hover - By this option you can add or change the backgroud hover color of the button or you can select the transparent option.
Button Text Color - By this option you can add or change the color of the button text or you can select the transparent option.
Button Border Color - By this option you can add or change the color of the button border or you can select the transparent option.
Button Border Color On Hover - By this option you can add or change the border hover color of the button border or you can select the transparent option.

Button Text Color On Hover - By this option you can add or change the hover color of the button text or you can select the transparent option.
Button Border Radius - By this option you can adjust the radius of the button border, but you have enter the value in the given format(0px 10px 10px 10px OR 10px 20px) you can change the numeric values. Please don't add comma(,) between the values.
Link Color - By this option you can add or change the link color of the button or you can select the transparent option.

5.9.2 Pagination Settings

Pagination is the process that shows you the number of pages in a document.

Pagination Background Color - By this option you can add or change the backgroun color of the pagination or you can select the transparent option.
Pagination Text Color - By this option you can add or change the color of the pagination text or you can select the transparent option.
Pagination Background Color On Hover - By this option you can add or change the pagination background color on hover or you can select the transparent option.
Pagination Text Color On Hover - By this option you can add or change the pagination text color on hover or you can select the transparent option.
Pagination Border Radius - By this option you can adjust the radius of the pagination border, but you have enter the value in the given format(0px 10px 10px 10px OR 10px 20px) you can change the numeric values. Please don't add comma(,) between the values.

5.9.3 Additional Settings

In the additional settings , you can add the cart icon or cart style. Firstly you need to enable the "on" button to get the settings.

Cart Icon - You can select the cart icon, if you make an e-commerce site. This icon will be visible on navigation bar.
Cart Style - In this option, you can select the style of the cart, there are four styles of cart are given (Cart, Cart Arrow Down, Cart Plus, opencart.

5.11 Sticky Bar

The sticky bar is basically an information widget that is locked into place so that it does not disappear when the user scrolls down the page. Firstly you need to enable the on button to get the settings.

5.11.1 Main Settings

Sticky Bar - In this setting, you can on/off the sticky bar.
Position - In this setting, you can adjust the position of the sticky bar.
Heading - In this setting , you can write or change the heading of the sticky timer bar.
Date - In this setting, you can set the date according to your need or you can set the next month date then the timer will show them how many days are left.
Time - In this setting, you can set or change the time according to your need. Please enter the targeted time here. Format of time will be hh:mm.
Time Period - You can select AM or PM time period according to your prefrence.
Time Zone - In this setting, you can set the Timezone according to your country. Set a value from -12 to 14. Decimal values, e.g. 3.5 are also allowed.
Tag Line - You can set a tag line to your timer sticky bar .
Short Description - Here you can write a description according to your needs.
Lable For Button1 -In this option you can set the labael for button1.
Link For Button1 - In this option you can set the link for label button 1.
Lable For Button2 - In this option you can set the labael for button2.
Link For Button2 - In this option you can set the link for label button 2.
Re-Arrange Elements - By this option, you can adjust the layout to appear on the Bar.

5.11.2 Timer Auto Update

By this setting you can set your timer to auto update. Auto Updates system works for the current day.

Update In - You can decide the auto update time whether it in hours, minutes or seconds.
Add Time - This is the common field to enter time for all Hour, Minute and Second. So, please enter the value according to the selection.

5.11.3 Additional Settings

In these settings, you can add or change the font and button color.

Sticky Bar Background Color - In this setting, you can add or change the sticky bar background color or you can select the transparent option.
Default Font Color - In this setting, you can add or change the default font color, or you can select the transparent option.
Timer Button Color- In this setting, you can add or change the timer button color, or you can select the transparent option.
Timer Button Text Color - In this setting, you can add or change the timer button text Color, or you can select the transparent option.

5.12 Google Analytics/AdSense

Add Script - Enter Google Analytics/AdSense script here. After adding it, you can add your add script on any place of the page using WP editor or Text Widget.

5.13 Custom Code

In this setting, you can also design your site by a css and js code.

CSS Code - You can paste your css code in the black screen box.
JS Code - You can paste your js code in the white screen box.

5.14 Import & Export

In this setting you can import or export the File and URl Link of the different Demo Theme.

Import Options - In this option, you can import the backup of any theme, File and also a URL Link. This will overwrite all existing option values, please proceed with caution! .
Export Options - Here you can copy/download your current option settings. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other site).

6. WPBakery & Shortcodes

In these section you will learn and get information about the WP Bakery Page builder and Shortcodes.

6.1 WPBakery Page Builder

WPBakery Page Builder is easy to use drag and drop page builder that will help you to create any layout you can imagine fast and easy. No coding skills required!

Access Frontend editor (Inline editor) or Backend editor at any time. Yes, WPBakery Page Builder comes bundled with 2 types of editors allowing you to choose your preferred view. Create your WordPress website with backend schematic editor or move your page building process to frontend and see your results live. If you want to know more about WP Bakery Page Bulider then Click Here

Expand the selected Item to 1/6, 1/5, 1/4, 1/3, 1/2, 2/3, 3/4, 1/1 by using the "+" button in the Item. Or, you can shorten the Item using the "-" button. Note: Every Item can be sized in the same way.
Delete an Item/Section/Row by ˟ in the right corner.
Edit each Item/Section/Row by clicking on "Pencil" in the right corner.
Clone an Item/Section/Row by clicking on "Clone" in the right corner.
You can also move any Item/Section/Row by drag & drop in the left corner.

6.2 Shortcodes

A specific code that lets you do difficult things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line.

6.2.1 Features

General settings

Style - In these settings, you can select the styles of the feature box between the given options.
Border Thikness - By this option, you can adjust the thickness of the border. This setting will only apply to the icon with a circular border.
Columns - You can select the colums according to your need.
Box Radius - You can adjust the radius of the box. Please enter the value as number(10px 0px 10px 0px or 10px 0px as you like).

Feature Setting - These settings come in the parent's settings of the feature shortcode when you click on the box.

Title - Feature box title.
Description - Description about your feature you add.
Icon - You can select icon from this option.
Icon Color - You can change the icon color from this option.
Background Color - You can change the background color of the feature section from this option.
Heading Color - You can change the heading color from this option.
Font Color - You can change the font color from this option.
Bottom Border - If you want a bottom border in the box, then tick the box to get the more settings of the border.
Border Color - By this setting, you can change the color of the border.

Link

Custom Link - Using this you can add link button to the Feature that will redirect to other page.
Link Label - You can set the label of the link.
URL - It will not work for Overlay Image style.
Link Color - You Can set the color of the link.
Link Color On Hover - You can set the color of the link on hover.

6.2.2 Testimonials

This shortcode helps you to display testimonials from your clients. You can display it on the page.

General Setting

Number - Please enter the number for testimonials to display on the website.
Category - You can select the category by this option. Which you make in the MT4 testimonial menu.
Orderby - Please select the orderby to arrange the display order of testimonials.
Order - Please select the order to sort testimonials.
Testimonial Style - You can choose the testimonial style by this option.
Background Color - You can change the background color of the testimonial box.
Heading Color - You can can change the heading color.
Simple Text Color - You can can change the heading color of the simple text.
Border Color - Border color will be applicable only some sliders they have border.
Column - You can select the column according to your need.
Slide To Scroll - Please enter the number of slide to scroll on navigation.
Autoplay - Autoplay on or off.
Autoplay Speed - You can adjust the speed of the autoplay. Speed will be inb miliseconds like 1000 = 1s.

Navigation

Dots - Enable/Disable dots to get dots settings.
Active Dots Color - You can change the active dot color.
Inactive Dots Color - You can change the inactive dot color.
Arrows - Enable/Disable arrow.
Arrow Background Color - You can change the arrow background color.
Arrow Icon Color - You can change the arrow icon color.
Arrow Background Color On Hover - You can change the arrow background color on hover color.
Arrow Icon Color On Hover - You can change the arrow icon color on hover color.

6.2.3 Button

In this shortcode, you can change settings for a button.

General Setting

Button Label - You can add the label of the button.
Button Link- Please enter link here. Where you want to redirect.
New Tab - If you want to open a link in new tab then, "on" the New tab box.

Design Option

Font Size - You can change the font size of the button text. Don't add suffix like px.
Line Height - You can change the line height of the button box. Don't add suffix like px.
Font Weight - You can change the font weight of the button text.
Font Style - You can change the font style of the button text.
Font Color - You can change the font color of the button text.
Padding - Using this you can manage your button size.You can change each of the number individually like 5px 10px 5px 10px. Please don't add comma(,) between the values, always keep empty space in between them. Using this you can manage your button size.
Color Style - You can select the color style in between the Solid and Gradient.

Gradient Color style :

Gradient Color 1 - You can add or change the gradient color1.
Gradient Color 2 - You can add or change the gradient color2.
Percent One - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Percent Two - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Gradient Type - You can select the gradient type (vertical, horizontal, digonalup/down).

Solid Color style :

Background Color - You can change the background color of the button.
Border - Enable the on/off button to get the settings.
Border Style - You can change the border style of the button.
Border Width - You can change the border width of the button.
Border Color - You can change the border color of the button.
Border Radius - You can adjust the border radius of the button.
Hover - Enable the on/off button to get the settings.
Hover Background - You can change the hover background of the button.
Hover Text Color - You can change the hover text of the button.
Hover Border Color - You can change the hover border of the button.
Shadow - Enable the on/off button to get the settings.
Shadow Options - You can change default values according to your need.
Margin - Enable the on/off button to get the margin on the button.

Icon

Select Icon - You can choose the icon.
Icon Alignment - You can adjust the icon alignment.
Icon Color - You can change the icon color.
Icon Hover Color - You can change the icon hover color.

Scroll Down

Enable - Tick mark the box to enable the scroll option.
ID - Enter the ID which you have entered for the Section, where you want scroll.

6.2.4 Services

This shortcode helps you to setup the services. You can change the format of services, it can be image or icon.

General Setting

Service Name - Heading of the service.
Description - Description about services.
Picture - You can set the image or icon for the service.
Image - You cant set image of the service.
Image Style - You can choose the image style.
Icon - You can set the icon for the service.
Icon Color - You can select the icon color .
Divider - You can set the divider between the services. First enable the service by clicking on the box.
Divider Style - You can select the style of the divider.
Divider Place - You can decide the the place of the divider(above or below heading.
Divider Width - You can adjust the width of the divider.
Divider Height - You can adjust the height of the divider.
Divider Color - You can set the divider color.
Custom Link - Using this you can add link button to the service that will redirect to other page.
Link Label - You can add the label on the link.
URL - Here you cn add the url link of any video or site. It will not work for Overlay Image style.
Link Color - You can set the color of the link.
Link Color On Hover - You can set the color of the link on hover.
Box Background Color - You can change the background color of the service box.
Heading Color - You can change the heading color of the service box.
Text Color - You can change the text color of the service box.

Border

Box Border - You can set the border for the service box. but firt enable the "on" button.
Box Border Style - You can set the border style for the service box.
Border Width - Please enter the value. Value must be in px but don't add px after the value.
Border Radius - You can change each of the number individually like 5px 10px 5px 10px. Please don't add comma(,) between the values, always keep empty space in between them.
Border Color - You can set the color of the border.
Shadow Options - You can change default values according to your need.
Icon/Image Border - You can set the icon or image border.
Icon/Image Border Style - You can select the style of the icon or image border
Border Width - Please enter the value. Your value will automatically calculated in pixel so don't add px after the value.
Border Radius - You can adjust the radius of the border.
Border Color - You can set the color of the border.

Hover Effect

Enable - First you have to enable the on button to get hover services.
Box Background Color - You can change the service box background color.
Box Border Color - You can change the border color of the service box.
Heading Color - You can change the heading color of the service box.
Text Color - You can the text color of the service box.
Divider Color - You can set the divider color .
Icon Color - You can set the icon color.
Icon Border Color - You can set or change the icon border color.

Alignment

Content Alignment - You can adjust the alignment of the content.

6.2.5 Boxed Style Services

With the help of this shortcode, you can show the services in the box layout.

General Setting

Service Style - You can select the style for the boxed services(style1, style2).
Box Background - You can set the background of the services box. This option is only work with style 1.
Columns - You can slect the column according to your need. This option is only work with style 2.
Background Image - You can add or change the image of the background.

Design

Enable/Disable Box Shadow - You can enable or disable the shadow box according to your need.
Background Color - You can add or change the colr of the background.
Heading Color - You can change the color of the heading color.
Text Color - You can change the color of the text color

Boxed service setting - - These settings come in the parent's settings of the boxed service logo shortcode when you click on the box.

Picture - You can select the icon or image by this option.
Image - You can add the valid image by this option.
Icon - You can add the icons.
Service Name - You can write the service name according to your need.
Description - You can add the description about your services.

6.2.6 Team

You can showcase your team members with the help of this shortcode. You have to write their member's name, image, job title. A short description and you can set social links also.

General Setting

Team Style - You can select or change the style for your team.
Columns - You can select the cloumn according to your need.
Slider - you can also add slider in the team section.
Slide To Scroll - Please enter the number of slide to scroll on navigation.
Arrow - You can select a arrow option for slider.
Dots - you can also select the doot option for slider.
Autoplay - Autoplay on or off.
Autoplay Speed - You can also set the autoplay speed. Speed will be inb miliseconds like 1000 = 1s.

Design

Content Background Color - You can set the background color of the content in the team section.
Content Text Color - You can set the text color of the content in the team section.
Hover - to get this setting enable the "on" button.
Content Background Color On Hover - You can set the background color on hover of the content in the team section.
Content Text Color On Hover - You can set the text color on hover of the content in the team section.
Icon Color - You can set the icon color.
Icon Color On Hover - you can set the icon color on hover.
Arrow/Dots Color - Color for arrow and dots of slider if enabled them.
Arrow/Dots Color On Hover - Hover Color for arrow and dots of slider if enabled them.

Team Member Setting

You can add a team member element by clicking inside the team shortcode setting.

Image - Please upload image for team member.
Name - You can add the team member name.
Designation - You can add designation of the team member.
Button - Using this you can add Button to the member that will redirect to other page.
Button Label - You can add the button label.
URL - It will not work for team style 3.
Button Background Color - You can add or change the background color of the button.
Button Text Color - You can add or change the text color of the button.
Social Links - You can add the social link in the button.

6.2.7 Countdown

You can select this shortcode for any countdown timer and change many things from the settings are

General Setting

Countdown Styles - You can select the style of the countdown according to your need.
Date - Please enter the targeted date here. Format of date will be dd/mm/yyyy.
Time - Please enter the targeted time here. Format of time will be hh:mm.
Period - You can select the time period between AM and PM
Background Color - You can change the background color of the countdown.
Text Color - You can add or change the test color of the countdown.
Label Color - You can also set the color to the label.

6.2.8 Portfolio

By this shorcode you can add or change the settings of portfolio section.

General Setting

Number Of Items - Please enter the number of items here.
Category - Category option will not work when you uses Category Filter.
Style - You can change the style of hte portfoloio section. For the masonry style, please use two sizes for the images. The size should be 340X427 px and 340X276 px.
Overlay Style - You can select the overlay style.
Columns - You can select the style according to your need.
Category Filter - Enable or Disable the Filter, It will only work if you have added portfolio in categories. And also worked with only masonryor list view.
Disable Link - It will disable the link, if you want to.
Disable Popup - It will open a larger form of image.
Add Space - Add space between the Portfolio items.

Design Option

Overlay Color - You can add the overlay to the image.

6.2.9 Events

By this shortcode, you can add the event section on your site.

General Setting

Event Filter - Enable or disable the event filter according to your need.
Number of events - You can add number of event accordingto your need. Please make sure you have added events in Event post.
Tab Subheading - You can add the sub heading for the tab.

Button Setting

Button Text - This button will automatically be connected with the event detailed page.
Background Color - You can add or change the background color of the event section.
Text Color - You can add or change the text color.
Button Radius - You can adjust the radius of the button box.

Color Setting

Tab, Border And Icons Color - You can add or change the tab, border and icons color.
Tab Text Color - You can change the color of the tab text.

6.2.10 Image

By this shortcode, you can add an image in galleries, posts, and other sections of your sites.

General Setting

Choose Image - Either upload a new, or choose an existing image from your media library.
Image Link - You can enter the image link.
Open Link in New Window - If you want to open the Image in a new window then tick mark the box.

Design Options

Image Radius - You can adjust the radius of the image.
Overlay - Image overlay On/Off.
Overlay Color - You can set the overlay color to the image.
Opacity - you can adjust the opacity (transparency) of the image.
Background Color - Background color On/Off.
Color - You can add or change the color.
Background Opacity - you can add or change the opacity (transparency) of the background.
Background Style - you can select or change the style of the background.
Border - To get the border On or Off the option.
Border Width - Please enter the value. Your value will automatically calculated in pixel so don't add px after the value.
Border Color - You can add or change the border color.

6.2.11 Video With Image

By this shortcode you can add a video or you can set a video front image.

General Setting

Upload Image - You can uplaod a image, by this option.
Image Radius - You can adjust the image radius, by this option.
Overlay - You can add the overlay to the image.
Box Shadow - Enable or disable shadow box according to your need.
Shadow Options - You can adjust the shadoe of the box. You can change default values according to your need.

Button Settings

Play Button - You can add a play button to the video, by on the off the play button option.
Button Size - You can adjust the size of the button.
Icon Button Style - You can select the icon button style.
Icon Type - You can decide which type of icon you want (Default or custom).
Icon - You can select icon , but this setting will work with custom icon type.
Icon Button Action - You can decide the action of the icon button(play, pause, reverse etc).
Video link - You can add a video link, but not put copyright video.
Video Autoplay - Enable or disable the autoplay button.

Button Color

Icon Button Background Color - You can add or change the button icon backgroud color.
Icon Color - You can add or change the icon color.
Icon Button Border Color - You can add or change the button icon border color.
Hover - Enable the option to get the setting.
Button Background On Hover - You can add or change the button background color on hover.
Button Icon On Hover - You can add or change the button icon color on hover.
Button Border On Hover - You can add or change the button border color on hover.

6.2.12 Client Logos

General Setting

Display As - You can select the displays according to your needs (grid or slider).
Columns - You can select the column for the grid display style. This option will work only for grid disply.
Slider Style - You can select the style of the slider.
Column - You can select number of column according to your need.
Slide To Scroll - Please enter the number of slide to scroll on navigation.
Dots - Enable or Disable dots.
Arrows - Enable or Disable arrows.
Autoplay - Autoplay on or off.
Autoplay Speed - You can set the autoplay speed. Speed will be in a miliseconds like 1000 = 1

Design Options - First Enable the Dots and Arrow box then, You will get these settings.

Active Dot Color - By this option, you can add or change the color in the active dots.
Inactive Dots Color - By this option, you can add or change the color in the inactive dots.
Arrow Background Color - You can add or change the background color of the arrow.
Arrow Icon Color - You can add or change the color of the arrow icon.
Arrow Background Hover Color - You can add or change the background hover color of the arrow.
Arrow Icon Hover Color - You can add or change the icon hover color of the arrow.

Logo Setting

These settings come in the parent's settings of the client logo shortcode when you click on the box.

Logo Image - You can upload the image for the logo of your choice.
Link - Logo redirect link.

6.2.13 Lists

By this shortcode you can add, remove, or edit your list section.

Design Options

List Item Background Color - You can add or change the list item background color.
List text Color - You can add or change the list text color.
Space Between The List Items - You can adjut the space between the list items.
List Style - You can select the style of list.

Icon

Icon Color - You can add or change the color of the icon.
Icon Background Color - You can add or change the color of the icon background.
Hover - Enable or Disable the button to get the settings.
Hover Background Color - You can add or change the hover background color.
Hover Icon Color - You can add or change the hover icon color.
Icon Alignment - You can adjust the alignment of the icon.
Icon Border - You can set the icon border.
Border Style - You can select the border style of the list icon.
Border Width - You can adjust the width of the border.
Icon Border Radius - You can adjust the radius of the border
Icon Border Color - You can add or change the color of the icon border.

Add List Setting

These settings come in the parent's settings of the list shortcode when you click on the box.

List Title - You can add the title of he list.
Link - Add link if you want to redirect the list item to perticular page (Optional).

Add List Icon

Enable Icon - On/Off the enable icon according to your need.
Icon Type - You can select the image or icon by this option.
Upload Image - You can upload the image .
Icon - You can also add a icon according to your need.

6.2.14 Call To Action

General settings

Heading - Title of the call to Action section.
Sub Heading - Sub-title of the call to Action section.
Description - You can write the description about your topic.

Design Option

Style - You can select the style of the section.
Background Color - You can add the or change the color of the background, this option will only work with style 1.
Heading Font Size - Please enter the number, if you need custom size (Ex: 20,30). This size will be in Pixel automatically.
Subheading Font Size - Please enter the number, if you need custom size (Ex: 20,30). This size will be in Pixel automatically
Heading Color - You can change the color of the heading.
Text Color - You can add or change the color of the text.
Heading Font Weight - You can adjust the font weight of the heading.
Heading Letter Spacing - You can adjust the letter spacing of the heading.
Background Image - You can set the image to the background.
Image Overlay - You can set the overlay to the image.
Overlay Color - You can select the overlay color for the image.
Opacity - You can adjust the transparency of the image.

Button Settings

Default Button - You can also set a default button to the section.
Button Text - You can add or change the text of the button.
Button Link - You can set a link to the button.
Button Background Color - You can set or change the button background color.
Button Text Color - You can set or change the button text color.
Play Button - You can add a play button in the call to action section.
Button Size - You can adjust the size of the button.
Icon Button Style - You can select the style of the icon button.
Icon Type - You can select the type of the icon in between the Default and Custom.
Icon - Here you can select the icon, by clicking on the arrow button.
Icon Button Action - You can decide the action of the icon button in between the Custom Link and the Video Popup
Add Link - Here you can add the custom link.
Video link - To add a video, you have to add a video link. Put Youtube embed URL here.

Button Color

Icon Button Background Color - You can set the background color of the icon button.
Icon Color - You can add or change the color of the icon.
Icon Button Border Color - You can add or change the border color of the icon button.
Hover - Enable or Disable a button to get a setting.
Button Background On Hover - You can add or change the button background on hover.
Button Icon On Hover - You can add or change the button icon on hover.
Button Border On Hover - You can add or change the button bodre on hover.

6.2.15 Counters

General Settings

Counter Style - You can select the style for the counter.
Box Background - You can add a box background to the counter. this seting is only work for box style.
Columns - You can select the colums number for the counter.
Speed - You can adjust the speed of the counter.
Title Color - You can set the color of the title.
Counter Number Color - You can add or change the color of the counter number.
Divider Color - You can add or change the color of the divider.
Background Style - This option will not work for Style3.
Background Color - You can set the color of the background.
Background Image - You can uploade the background image.
Image Overlay - You can on/off the image overlay .
Overlay Color - Here, you can select the color for the image overlay.

Counter Child - These settings come in the parent's settings of the counter shortcode when you click on the box.

Title - Title of the counter.
Counter Number - You can enter a counter number.
Extra Symbol - You can add some extra sign like +,% etc.
Extra Symbol Color - You can set the color of the extra symbols.
Icon - Both icon styles will not work for counter Number In Circle style.
Icon - You can add a icon.
Icon Color - You can add or change the icon color.
Custom Icon - You can uploade a image of icon. This option will work only for custom icon.

6.2.16 Image Slider

General Setting

Upload Images - You can uploade a image according to your choice.
Enable Arrow - You can add direction arrow.
Arrow Style - You can change the arrow style.
Autoplay - Enable or Disable autoplay.
Autoplay Speed - You can adjust the speed of the autoplay option. Speed will be inb miliseconds like 1000 = 1s.

6.2.17 Zigzag box

General Settings

Style - You can select the style for the zigzag box.
Odd Box Background Color - You can add or change the background color of the odd box .
Odd Box Text Color - You can add or change the text color of the odd box .
Even Box Background Color - You can add or change the background color even box
Even Box Text Color - You can add or change the text color of the even box.

Box settings - These settings come in the parent's settings of the image slider shortcode when you click on the box.

Heading - Title of the zigzag box.
Description - You can write the description about your website.
Box Icon - You can select integrated and custom icon.
Icon - You can set the icon.
Upload - You can upload the image of icon, but only if you select custom option this settings will appear.

6.2.18 Process

General Settings

Background Color First Section - You can add or change the color of the background.
Heading Color First Section - You can add or change the color of the heading.
Text Color First Section - You can add or change the color of the text.
Background Color Second Section - You can add or change the color of the background.
Heading Color Second Section - You can add or change the color of the heading.
Text Color Second Section - You can add or change the color of the text.
Heading - Here You can write title of the process section.
Description - You can write description about your topic.

Add Settings - These settings come in the parent's settings of the process shortcode when you click on the box.

Logo - You can add a logo or an image according to your choice.
Icon - You can add an icon according to your choice.
Image - You can add an image according to your choice.
Heading - Heading of the process section.
Heading Link - You can add the link in the heading.
Description - You can write the description about your website.

6.2.19 Jumbotron

General Settings

Heading - Title of the jumbotron box.
Description - You can write the description about your topic.
Bedge Text - You can write the bedge text of the section.

Design Options

Background Color - You can add or change the color of the background.
Text Color - You can add or change the color of the text.
Box Border - You can set the border of the box.
Box Border Style - You can select the style of the box border.
Border Width - You can adjust the width of the border.
Border Radius - You can adjust the radius of the border. You can change each of the number individually like 5px 10px 5px 10px. Please don't add comma(,) between the values, always keep empty space in between them.
Border Color - You can set the color of the border.
Box Shadow - Enable or Disable box shadow according to your need.
Shadow Options - You can change default values of the shadow option according to your need.

Bedge Style

Alginment - You can adjust the alignment of the bedge.
Text Color - You can set the color of the text.
Background Color Style - You can select the style of the background color in between Solid and Gradient.

Gradient Color Options

Gradient Color 1 - You can add or change the gradient color1.
Gradient Color 2 - You can add or change the gradient color2.
Percent One - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Percent Two - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Gradient Type - You can select the type of the gradient(vertical, horizontal, digonalup/down
Degree - Please enter the degree of angle, Ex: 20,30,45(Do not add any suffix). Both +ve and -ve numbers are acceptable here. This option will inly work for digonalup/down option type.

Solid Color Options

Background Color - You can change the color of the background. But this option is only for a solid style color.

6.2.20 Notification Box

General Settings

Style - You can select the style of the notification box.
Description - You can write the description about your topic.
Upload Image - You can uploade an image according to your choice.
Icon Postion Right - You can enable or disable the icon position.

Design Options

Background Color - You can add or change the color of the background.
Text Color - You can add or change the color of the text.

Border

Box Border - You can set the border of the box. But first enable the on button to setting.
Border Style - You can select the border style according to your need.
Border Width - You can adjust the border width. Don't add suffix like px.
Border Color - You can set the color of the border.
Border Radius - You can adjust the border radius. You can change each of the number individually like 5px 10px 5px 10px. Please don't add comma(,) between the values, always keep empty space in between them.

6.2.21 About Author

General Settings

Style - You can select the style for the about author section.
Upload Image - You can uploade a author image.
Name - You can enter the author name.
Designation - You can enter the the designation of the author.
Facebook ID - You can add facebook id here.
Skype ID - You can add skype id here

Design Options

Color Style - You can select the color style in between the Gradient and Solid.

Gradient Color Style

Gradient Color 1 - You can add or change the gradient color1.
Gradient Color 2 - You can add or change the gradient color2.
Percent One - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Percent Two - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Gradient Type - You can select the gradient type (vertical, horizontal, digonalup/down).

Solid Color Style

Background Color - You can add or change the color of the background.
Box Border Color - You can add or change the border color of the box.
Facebook Icon Background Color - You can set the background color of the icon.
Skype Icon Background Color - You can set the background color of the icon.
Heading Color - You can add or change the heading color.
Text Color - You can add or change the text color.

6.2.22 Package

General Setting

Package Description - You can write the description about your topic.
Box Background Color - You can add or change the background color of the box.
Box Text Color - You can add or change the text color of the box.
Package Price - You can add a Package price according to your needs .
Package Sub Text - You can add a sub text in package box.
Package Background Color - You can add or change the background color of the package section.
Package Text Color - You can add or change the text color of the package.
Price Box Position - You can adjust the position of the price box.(right, left)

6.2.23 Circular Boxes

General Settings

Background Color - You can set the the background color for whole column.

Add box Setting - These settings come in the parent's settings of the circular boxes shortcode when you click on the box.

Box Title - Title of the circular box.
Title Color - You can add or change the color of the title.
Number Color - You can change the color of the numbers.
Background Image - You can set an image on the background.

6.2.24 Testimonial Box

General Settings

Client Photo - You can upload a image of client.
Client Name - You can add a client name.
Designation - You can add a designation of the client.
Description - You can write a description about your client review.
Style - You can select the style of the the testimonials box.

Design Options

Color Style - You can select the style of the color in between the Gradient and Solid.
Gradient Color Style Settings
Gradient Color 1 - You can add or change the gradient color1.
Gradient Color 2 - You can add or change the gradient color2.
Percent One - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Percent Two - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Gradient Type - You can select the gradient type (vertical, horizontal, digonalup/down).
Heading Color - You can add or change the color of the heading.
Text Color - You can add or change the color of the text.
Solid Color Style Setting
Background Color - You can add or change the color of the background. This setting is only used for solid style color.
Border - Enable or Disable the box to get the border settings.
Border Color - You can add or change the color of the border.
Border Radius - You can adjust the radius of the border. You can change each of the number individually like 5px 10px 5px 10px. Please don't add comma(,) between the values, always keep empty space in between them.
Shadow - Enable or Disable the box to get the border settings.
Shadow Color - You can set the color of the shadow for the testimonials box.

6.2.25 Training Video

General Settings

Preview Image - You can set the preview image of the video.
Short Description - You can add a description about your topic.
Video Number - It will show the number of video.
Video Alignment - You can adjust the video alignment.

Box Settings

Color Style - You can select the style of the color in between the Gradient and Solid.
Solid Color Style
Background Color - You can set the background color.
Box Text Color - You can add or change the text color of the box.
Arrow Color - You can set the color for the arrow.
Gradient Color Style
Gradient Color 1 - You can add or change the gradient color1.
Gradient Color 2 - You can add or change the gradient color2.
Percent One - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Percent Two - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Gradient Type - You can select the gradient type (vertical, horizontal, digonalup/down).
Degree - This setting is only apply for Diagonalup/down. Please enter the degree of angle, Ex: 20,30,45(Do not add any suffix). Both +ve and -ve numbers are acceptable here.

Button Settings

Button Size - You can adjust the size of the button.
Icon Button Style - You can select the style of the icon.
Video link - You can add a video link of any video.

Button Colors

Icon Button Background Color - You can add or change the background color of the icon button.
Icon Color - You can add or change the color of the icon.
Icon Button Border Color - You can add or change the border color of the icon.
Hover - Tick mark the box to get the settings.
Button Background On Hover - You can add or change the background color on hover of the button.
Button Icon On Hover - You can add or change the color of the icon button on hover.
Button Border On Hover - You can add or change the border color of the button on hover.

6.2.26 FAQ

General Settings

Style - You can select the style of the faq section.
Heading - Title of the faq section
Description - You can write the description about your website.

Design Options

Heading Background Color - You can add or change the background color of the heading.
Heading Text Color - You can add or change the text color of the heading.
Heading Shadow Color - You can add or change the shadow color of the heading.

6.2.27 Accordion

General Settings

Heading Font Size - You can adjust the heading font size. Please enter the number, if you need custom size (Ex: 20,30). This size will be in Pixel automatically.
Icon Background - You can add the icon background in between Gradient and solid.
Gradient Color Settings
Gradient Color 1 - You can add or change the gradient color1.
Gradient Color 2 - You can add or change the gradient color2.
Percent One - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Percent Two - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Gradient Type - You can select the gradient type (vertical, horizontal, digonalup/down).
Solid Color Settings
Background Color - You can add or change the color of the background.
Icon Color - You can add or change the color of the icon.
Heading Color - You can add or change the color of the heading.

Add Description Settings - These settings come in the parent's settings of the Accordion shortcode when you click on the box.

Heading Background Color - You can add or change the background color of the heading.
Heading Text Color - You can add or change the text color of the heading.
Heading Shadow Color - You can add or change the shadow color of the heading.

6.2.28 About Us

General Settings

Description - You can write the description about your website.
Button Text - You can add a text for the button.
Button Link - You can add a link to the button. Redirect it where you want to.

Design Options

Heading Color - You can add or change the color of the heading.
Border Color - You can add or change the color of the border.
Link Color - You can add or change the color of the link.
Link hover Color - You can add or change the color of the link on hover.

6.2.29 Contact Info

General Settings

Contact Number - Enter your official number.
Email - Enter you official email id.
Address - Enter your official place address.

Design Options

Text Color - You can add or change the color of the text.
Text hover Color - You can add or change the color of the text on hover.

6.2.30 Gaurantee Box

General Settings

Guarantee Image - You can upload a image, by clicking on the pluse button.
Image Alignment - You can adjust the alignment of the image.
Description - You can write the description about your topic.

Design Options

Box Color - You can add or change the color of the box.
Border - Tick mark the box to get the border setting.
Border Style - You can change the style of the border.
Border Width - You can adjust the width of the border. Don't add suffix like px.
Border Color - You can add or change the color of the border.
Border Radius - You can adjust the radius of the border. You can change each of the number individually like 5px 10px 5px 10px. Please don't add comma(,) between the values, always keep empty space in between them.

6.2.31 Poster

General Settings

Poster Image - You can upload an image.
Heading - Title of the poster section.
Description - Short description of your poster.
Support Number - You can add the helpline number of your place.
Support Text - You can add the support address in the poster.
Button Text - You can add label to the button.
Button Link - You can set the link to the button.

Design Options

Box Color - You can change the background color of the box.
Support Background Color - You can change the background color of the support.
Text Color - You can change the color of the text.

Button Color

Button Background - You can set the button background.
Button Text Color - You can add or change the color of the button text.
Button Border Color - You can add or change the color of the button border.
Button Background Color On Hover - You can add or change the background color of button on hover.
Button Text Color On Hover - You can add or change the text color of button on hover.
Button Border Color On Hover - You can add or change the border color o button on hover.

6.2.32 Key Heading

General Settings

Main Heading - Title Of the key heading.
Box Number - You can enter the box number.
Box Heading - Title of the box.
Box Alignment - You can adjust the alignment the box.

Design Options

Main Heading Background Color - You can add or change the background color of the main heading.
Main Heading Text Color - You can add or change the tex color of the main heading.
Background Color Style - You can select the style of the background color.
Background Color - You can set the background color.
Gradient Color 1 - You can add or change the gradient color1.
Gradient Color 2 - You can add or change the gradient color2.
Percent One - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Percent Two - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Gradient Type - You can select the gradient type (vertical, horizontal, digonalup/down) .
Box Text Color - You can add or change the box text color.

Shadow

Enable Shadow - Tick mark the box to enable or disable the setting.
Shadow Options - You can change default values according to your need.

6.2.33 Social Icons

General Settings

Socials Link - You can add the socials media link.

Icon Color

Background Color - You can add or change the background color.
Icon Color - You can add or change the icon color.
Hover - Tick mark the box to get the setting.
Background On Hover - Icon background color on mouse hover.
Icon On Hover - Icon color on mouse hover.

Border

Icon Border - you can set the icon border.
Border Style - You can select the style of the border.
Border Width - You can adjust the width of the border.
Border Color - You can add or change the color of the border.
Border Color On Hover - You can add or change the color of the border on hover.
Border Radius - You can adjust the radius of the border.

6.2.34 Google Map

General Settings

Google Map API - Add your Google Map API. You can get the Map API key from the link.
Map Style - There are two types of style that is Simple and Cluster. Using cluster map you can add more than one locations.
Latitude And Longitude Of Location - Please enter Latitude and Longitude here. Format must be 51.508742,-0.120850.
Map Type - You can select the type of the map.
Map Zoom Level - Please enter the number here. A bigger number will zoom out the map accordingly. Ex. 6,7,8 etc.
Map Height - You can change the map height value as your need.

Design Options

Labels Icon - You can add the icon for the label.
Labels Color - You can set the color for the labels.
Water Color - You can choose the color of the water.
Landscape Color - You can choose the color of the landscap.
Road Color - You can choose the color of the road .
Parks Color - You can choose the color of the parks.
Administrative Area Color - You can choose the color of the administrative area.

6.2.35 Blog post

General Settings

Style - You can select the style(Grid or Slider) of the blog post.
Columns - you can selct the colums according to your need.
Number - Enter number of posts.
Category - Select the category you made in the post section.
Order by - You can set order of the posts.
Sort order - You can sort the posts.
Read More Link - Enable or Disable Read More Link. It will redirect users to the single page.
Read More Color - You can add or change the color of the link.
Read More Hover Color - You can add or change the hover color of the link.

Design

Post Title Color - You can add or change the title color of the post.
Post Title Color - You can add or change the post title color on hover.
Post Design - You can select the design of the post. If you are using Slider with the "Post With View All Button" then you have to select column5 for proper rendering.Also, View All button will not show with slider.
Date Background Color - You can add or change the background color of the date. This setting will only work with "Post With Highlighted Date" style.
Date Color - You can add or change the color of the date. This setting will only work with "Post With Highlighted Date" style.
Heading - Add main heading for the section. This setting will only work with "Post With View All Button" style.
Heading Background Color - You can add or change the background color of the heading. This setting will only work with "Post With View All Button" style.
Heading Text Color - You can add or change the text color of the heading. This setting will only work with "Post With View All Button" style.

Post Data

Enable/Disable Description - Tick mark the box to enable or disable the description.
Enable/Disable Date - Tick mark the box to enable or disable the date.
Enable/Disable Author Name - Tick mark the box to enable or disable the author name.
Enable/Disable Comment Number - Tick mark the box to enable or disable the comment number.
Post Data Color - You can add or change the data color of the post.
Post Data Hover Color - You can add or change the data color of post on hover.

6.2.36 Pricing List

General Settings

Plan Name - You can add a plan or package name.
Short Description - You can write a short description about the plan.
Package Price - You can decide the pricing of the plans.
Currency Symbol - You can the symboles of the currency.
Time Duration - You can add the time duration (year, month, week, days).
Button Text - You can add the text of the button.
Button Link - You can add the link for the button.

Design Options

Background Type - You can decide the background type like Image or Color.
Background Image - You can add the background image. You can add image if you select the background type image.
Image Overlay Color - You can set the image overlay color. This setting will only work if you select background type image.
Background Color - You can add the background color for the pricing box. This settings will work if you select background type color.
Heading Color - You can add or change the color of the heading.
Text Color - You can add or change the color of the text.
Divider Color - You can add or change the color of the divider.

Button Settings

Button Background Color - You can add or change the background color of the button.
Button Text Color - You can add or change the text color of the button.
Button Background Color On Hover - You can add or change the background color of button on hover.
Button Text Color On Hover - You can add or change the text color of button on hover.
Border - Tick mark the box to get the border setting.
Border Style - You can select the style of the border.
Border Width - You can adjust the width of the border.
Border Color - You can set the border color.
Border Radius - You can adjust the radius of the border.
Hover Border Color - You can add the border color on hover.

Add List Setting - These settings come in the parent's settings of the pricing list shortcode when you click on the box.

Heading - Heading of the pricing list section.

6.2.37 Instagram Feed

General Setting

Username - Add your Instagram username.
Number of posts - How many post you want to display on site.

6.2.38 Pricing Compare Table

General Settings

Product/Feature Heading - Title of the pricing comapre table.
Pricing Heading1 - Title of first column.
Pricing Heading2 - Title of second column.

Design Options

Header Background Color - You can set the background color of the header.
Header Text Color - You can add or change the text color of the header.
List Icon - You can set the list icon.
List Icon Color - You can add the color in the list icon.
Coloumn1 Value - Enter the values in first column.
Coloumn2 Value - Enter the values in second column.
Coloumn3 Value - Enter the values in third column.

Add List Settings - These settings come in the parent's settings of the pricing compare table shortcode when you click on the box.

Column1 Value - You can add the values in column1
Column2 Value - You can add the values in column2
Column3 Value - You can add the values in column3

6.2.39 Blog Post Slider

General Settings

Left Heading - Heading of the left side of the post.
Right Heading - Heading of the right side of the post.
Number Of Posts - You can add number of posts.
Category - You can select the category, you make in the portfolio.
Order By - You can decide the order of the post.
Sort Order - You can decide their sort order.

Design Options

Default Color - You can set the default color.
Slider Autoplay - Slider is autoplay.
Autoplay Speed - You can decided the speed of the autoplay.

6.2.40 Navigation Menu

General Setting

Select Menu - You can select the navigation of menus(Mega Menus, Main Menus, Left Menus, Right Menus, Primary Menus).

6.2.41 Moto V4 Form

General Setting

Select Form - You can add the form here, which you have made using the MT4 Form Builder.

6.2.42 Products

General Settings

Style - You can select the style of the product.
Number - Enter number of products.
Column - Select the number of column.
Categories - You can select categories which you make in the portfolio.
Order by - You can decide the order acoording to the Date, Alphabets etc .
Sort order - You can decide the order of the products.

Slider Settings

Slider - Tick mark the box to get the slider settings.
Slider Coloumn - Select the number of column.
Slide To Scroll - Please enter the number of slide to scroll on navigation.
Dots - Enable/Disable dots.
Dots Color - You can set the the dots color.
Arrows - Enable/disable arrows.
Arrow Background Color - You can add or change the background color of arrow.
Arrow Icon Color - You can add or change the icon color of arrow.
Arrow Background Color On Hover - You can add or change the background color of arrow on hover.
Autoplay - Autoplay on or off.
Autoplay Speed - You can adjust the speed of the autoplay option.

Design Options

Product Background Color - You can add or change the color of the procduct background.
Heading Color - You can add or change the color of the heading.
Price Color - You can add or change the color of the price number.
Border Color - You can add or change the color of the border.

6.2.43 Instagram Widget

General Setting

Title - Title of the instagram widget.
Username - Enter your user name.
Number of posts - Enter the number of post.
Open links in - You can open the link in current window or in new window.
Link text - You can set the link text.

6.2.44 Blog posts Widget

General Setting

Title - Heading of the blog post widget.
Number of posts - Enter the number of post.
Post Style - Select the blog post widget style.
Post Image - You can set the blog post image.
Categories - Select the category that, you can make in blog post menu.
Default Color1 - You can add or change the color1.
Default Color2 - You can add or change the color2.

6.2.45 Contact Information Widget

General Setting

Title - Heading of the contact information.
Address - You can add the address of your office.
Website Link Text - Here you can add basic information of your site.
Website Link - You can add your website link.
Email - Add an official email of yours.
Phone - Add the phone number.
Default Color1 - You can add or change the color.
Default Color2 - You can add or change the color.

6.2.46 Twitter Feed Widget

General Setting

Title - Heading of the twitter fedd widget.
Show No Of Feed - Enter the number of feed.
Consumer Key - Enter the consumer key.
Consumer Secret - Enter the consumer secret.
Access Token - Enter the access token .
Access Token Secret - Enter the access tocken secret.
Default Color1 - You can add or change the color.
Default Color2 - You can add or change the color.

6.2.47 Get Followers Widget

General Setting

Title - Heading of the get followere widget.
Short Description - You can write the description about your website.
Facebook - Enter your official facebook id.
Twitter - Enter your official twitter id.
Youtube - Enter your official youtube channel id.
Instagram - Enter your official instagram id.
Pinterest - Enter your official pinterest id.
Default Color1 - You can add or change the color.
Default Color2 - You can add or change the color.

6.2.48 Heading

General Settings

Heading - Title of the one section.
Heading Tag - You can select the tags style for heading in between H1 to H6.

Subheading Settings

Subheading - You can add the sub title of the heading section.
Subheading Position - You decide the poistion of the the subheading.
Subheading Color - You can select the color for the subheading.

Design Options

Heading Color Style - You can select heading color in between the Solid and Gradient.

Solid Color settings

Font Color - You can add or change the color of the font. But this setting is only apply on solid color style.

Gradient Color settings

Gradient Color 1 - You can add or change the gradient color1.
Gradient Color 2 - You can add or change the gradient color2.
Percent One - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Percent Two - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Gradient Type - You can select the gradient type (vertical, horizontal, digonalup/down).
Degree - This setting is only apply for Diagonalup/down. Please enter the degree of angle, Ex: 20,30,45(Do not add any suffix). Both +ve and -ve numbers are acceptable here.
Color Apply On - You can apply the color on full heading, first word,last word
Font Color - You can add or change the font color.
Color Apply On - You can apply color on last word, first word or on full heading.
Vertically Center - Vertically center align your heading according to the section.
Heading Font Size - Please enter number if you need custom size (Ex: 20,30). This size will be in Pixel automatically.
Heading Font Weight - You can add the font weight in the heading.
Heading Line Height - Please enter number if you need custom line height.
Heading Letter Spacing - Please enter number if you need custom letter spacing(Ex: 2,5).This space will be in Pixel automatically.
Heading Text Transformation - You can apply the transfomation on heading like(uppercase, lowercase, capatalized).
Heading Alignment - You can adjust the heading text alignment
Heading Divider - You can set the divider in the heading.
Divider Width - Please enter length of Divider(Ex:5,10,15). Entered number will be in percentage(%) by default. This length will be applicable only for Divider bottom.
Divider Height - Please enter number if you need custom width (Ex: 2,3). This size will be in pixel automatically.
Divider Color - You can set the divider color.
Custom Padding - Custom padding will only work when you use background color.

Background

Heading Background - You can set the background of the heading in between image and the color.

Image settings

Background Image - You can add or change the image of the background. It will show behind the heading but not cover whole heading. Whereas it will cover just small part.
Image Alginment - You can adjust the alignment of the image.

Color settings

Background Color Style - You can select the color style for the background in between the Solid and Gradient.

Solid Color settings

Background Color - You can change the color of the background. But this setting is only apply for solid color style.

Gradient Color settings

Gradient Color 1 - You can add or change the gradient color1.
Gradient Color 2 - You can add or change the gradient color2.
Percent One - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Percent Two - Please enter the percentage value here(Ex: 20,30,100,do not add % sign after the value).
Gradient Type - You can select the gradient type (vertical, horizontal, digonalup/down).
Degree - This setting is only apply for Diagonalup/down. Please enter the degree of angle, Ex: 20,30,45(Do not add any suffix). Both +ve and -ve numbers are acceptable here.
Box Shadow - You can set the box shadow by tick mark on the box.
Shadow Options - You can change default values according to your need.

Border

Heading Border - You can add the heading border by on or off the box.
Border Style - You can select the style of the border.
Border Width - You can addjust the width of the border.
Border Color - You can add or change the border color.
Border Radius - You can adjust the radius of the border.

6.2.49 Empty Spacer

Empty Spacer Settings - In this setting, you can add a responsible empty spacer between the two squares, which varies according to the size of the screen. It will be helpful for your website when the user opens the website on a Mobile, Tablet, Desktop or Laptop.

Height - How much space do you want between the two sections of the website, you can enter the value into the box. Add height for empty space. Please don't add any css unit after the value because it will be automatically calculate in px.

User Guide

1. Introduction

1.1 key Features

1.2 System Specification

1.3 Created Date

2. Theme & Plugins Installation

2.1 Download Theme

2.2 Theme Installation

2.2.1 Installation Via WordPress

2.2.2 Installation Via FTP

2.2.3 Authentication Key

2.3 Plugins Installation

3. Update Theme & Plugins

4. Demo Content

5. MT4 Options

5.1 Demo Importer

5.2 under construction

5.2.1 Timer Settings

5.2.2 Additional Settings

5.3 Theme Layout

5.4 Header Settings

5.4.1 Top Header Setting

5.4.2 Main Menu

5.4.3 Page Title

5.5 Sidebar

5.5.1 Main Settings

5.5.2 Widgets Title Settings

5.5.3 Additional Setting

5.6 Footer

5.6.1 Main Settings

5.6.2 Copyright Settings

5.7 Appearance

5.7.1 General Settings

5.6.2 Page Typography

5.6.3 Post Typography

5.6.4 Default Template

5.8 Single Post Page

5.8.1 Main Settings

5.9 WooCommerce Styles

5.9.1 Main Settings

5.9.2 Pagination Settings

5.9.3 Additional Settings

5.10 Social

5.10.1 Add Social Page URL

5.10.2 Social Icons Design Setting

5.11 Sticky Bar

5.11.1 Main Settings

5.11.2 Timer Auto Update

5.11.3 Additional Settings

5.12 Google Analytics/AdSense

5.13 Custom Code

5.14 Import & Export

6. WPBakery & Shortcodes

6.1 WPBakery Page Builder

6.2 Shortcodes

6.2.1 Features

6.2.2 Testimonials

6.2.3 Button

6.2.4 Services

6.2.5 Boxed Style Services

6.2.6 Team

6.2.7 Countdown

6.2.8 Portfolio

6.2.9 Events

6.2.10 Image

6.2.11 Video With Image

6.2.12 Client Logos

6.2.13 Lists

6.2.14 Call To Action

6.2.15 Counters

6.2.16 Image Slider

6.2.17 Zigzag box

6.2.18 Process

6.2.19 Jumbotron

6.2.20 Notification Box

6.2.21 About Author

6.2.22 Package

6.2.23 Circular Boxes

6.2.24 Testimonial Box

6.2.25 Training Video