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.

2.1 Download Theme

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

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.

  1. Installation via WordPress:
  2. 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.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.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

    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).
  • 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.10 Social

    5.10.1 Add Social Page URL
    • By this setting, You can set social page URL link of many social media sites like(Facebook, Twitter, Instagram, Skype, Youtube, Yahoo, Tumblr, Pinterst, LinkedIn ).
    5.10.2 Social Icons Design Setting

    In these settings you can design the social icons.

    • Icons Color - By this option you can add or change the color of the icons or you can select the transparent option.
    • Icons Background Color - By this option you can add or change the backgroud color of the icons or you can select the transparent option.
    • Icons Border - In these settings you can adjust the icons border.
    • Border Option - In this setting , you can adjust the style and the color of the of the border.
    • Border Radius - You can adjust the border-radius by adjusting the slider.
    • Hover - In these settings you can design the icons hover color. Firstly you need to enable the "on" button, to get the settings.
    • Icons Color On Hover - By this option you can add or change the hover color of the icons or you can select the transparent option.
    • Icons Background Color On Hover - By this option you can add or change the icons background color on hover or you can select the transparent option.
    • Border Color On Hover - By this option you can add or change the Border Color On Hover 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.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.

    8. MT4 Portfolio

    Using this you can create Portfolio, Gallery etc. To add portfolio items please navigate to MT4 Portfolio >> Add New

    These are the following steps, by these steps, you can learn how to add or change the settings of the portfolio.

    1. Add a title for the portfolio item.
    2. Write a detailed description of the item.
    3. You can add a featured image by navigating Document >> Featured Image.
    4. You can also add a category by navigating to Document >> MT4 Portfolio Category.
    5. By adding all these settings don't forget to publish the post, by clicking on the Publish button right side in the upper corner.

    Note - To displaying the portfolio items you will have to use a Portfolio shortcode on the page using the WPBakery page builder. Check here

    Meta Options:

    Using these settings you can override all the global settings for the current post. We already have explained all these settings in the MT4 Options menu.

    9. MT4 Testimonials

    Using this you can add the user's testimonial. To add a Testimonial please navigate MT4 Testimonials >> Add New

    These are the following steps, by these steps, you can learn how to add or change the settings of the testimonials.

    1. Add client name to the title field.
    2. You can add testimonial description in the description field.
    3. You can categorize testimonial by navigating Document >> MT4 Testimonial Category.
    4. You can add client image by navigating Document >> Featured Image.

    Testimonial Additional Options:

    • Designation - Add your client designation
    • Video URL - These settings will only work for Testimonial Style26. If you want to use Video testimonial instead textual then you can use it. Only YouTube Embed URL will work here.

    Note- To displaying the Testimonials, you will have to use a Testimonial shortcode on the page using the WPBakery page builder. Check here

    10. MT4 Events

    Using this you can add the Events post. To add an Event please navigate MT4 Events >> Add New.

    These are the following steps, by these steps, you can learn how to add or change the settings of the Event.

    1. First, add the title of the event in the title field.
    2. Write a detailed description of the event in the description field.
    3. You can categorize Events by navigating Document >> MT4 Event Category.
    4. You can add an image for the Event by navigating Document >> Featured Image.

    Events Additional Options:

    • Address - Add the venue address for the event.
    • Date - Add the date and time for the event.

    Note - To displaying the Events then you will have to use a Event shortcode on the page using the WPBakery page builder. Check here

    11. MT4 Form Builder

    A plugin to create any type of form. We have added many features to build beautiful forms. MT4 Form Builder comes with 21 autoresponder integration. There are lots of features have added like Import, Export, User Database, Clone Forms, etc. To create a form navigate MT4 Form Builder >> Create New.

    After Click on the MT4 Form Builder, the first page you will see all the form and their shortcodes if you have already made. In the right corner, you will see Create New, Import and Export buttons.

    Create New -Click on this button if you want to create a new form, a popup will be open, you have to put an appropriate name for the form and click the Create button. After click on the Create button, it will redirect you to the form edit screen. There are lots of settings available on the edit screen.

    On the edit screen, you have to click on the plus button to add the columns. You can resize these columns by clicking on arrows which are available in the top left corner of the column.

    Now you can drag the input fields from the right panel of the screen to the column. Each input fields have their own settings, You can edit them

    Form Render As:

    You can use the form as simple Contact form and Newsletter, you can choose anyone according to your needs. If you select Autoresponder, then you have to set some more settings

    Autoresponder:

    Before it, you have to connect your desired autoresponder by navigating Autoresponders menu

    • List - Select the list where you want to store the information.
    • Name Field - If you want to store user name also with Email then you have to manually select the name field if you are using more than one text field in the form.
    • Email Field - If you are using more than one email field then you have to manually select the email field.

    Mail Settings

    • To - Please enter the receiver email. You can add multiple receivers emails which will be separated by comma(,).
    • From - From address, Format must be: your name
    • Subject - Please enter the subject here.
    • Additional Headers - You can enter more than one email by adding a comma(,).The format must be ,

    Messages

    You can edit the Error and Success messages.

    • Success - Sender's message was sent successfully popup will appear.
    • Error - Sender's message failed to send popup will appear.
    • Validation - Validation errors occurred popup will appear.
    • Required - There is a field that the sender must fill in popup will appears.
    • Email Validation - Email should be valid popup will appear.

    Additional Settings

    Some additional settings for button and input filed.

    Button Settings

    • Font Size - You can adjust the size of the font.
    • Font Weight - You can select the font weight according to your need.
    • Padding - You can select the padding options (Default, custom)if you want to add padding.
    • Color Style - You can select the style between (Solid and Gradient).
    • Background Color - You can set the background color in the solid style only.
    • Gradient Color 1 - You can set the color for gradient color 1.
    • Gradient Color 2 - You can set the color for gradient color 1.
    • Percent One - You can adjust the percentage of gradient color 1.
    • Percent Two - You can adjust the percentage of gradient color 2.
    • Gradient Type - You can select the type of the gradient in between (Vertical, Horizontal, Diagonal up/ Diagonal down.
    • Degree - This setting will only work for diagonal up/down type. Please enter the degree of angle, Ex: 20,30,45(Do not add any suffix). Both +ve and -ve numbers are acceptable here.
    • Text Color - You can add or change the color of the text.
    • Custom Border - If you want custom border then tick mark the box to get the custom border setting.
    • Border Width - You can adjust the width of the border. The value will be in pixel.
    • 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 a comma(,) between the values, always keep empty space in between them.
    • Border Color - You can add or change the color of the border.
    • Inside Form - This setting will only work for Newsletters, If you want to add a button inside the input field then you can use this.
    • Hover - If you want to hover in your button then tick mark the box.
    • Background Color - You can set the background on hover.
    • Text Color - You can add or change the color of the text on hover.
    • Hover Border Color - You can set the border color on hover.
    • Custom Action - You can add a custom action URL, if you want to control this form according to your need.

    Input Field Settings

    • Fields Size - If you want large field size, then tick mark the box.
    • Radius - You can adjust the radius of the field. You can change each of the number individually like 5px 10px 5px 10px. Please don't add a comma(,) between the values, always keep empty space in between them.
    • Background Color - You can set the background color of the input filed.
    • Border Color - You can also set the color of the border.
    • Font Color - You can add or change the color of the font.
    • Placeholder Color - You can also set the color of the place holder.
    • Margin Form Bottom - Add custom margin from bottom.Enter numeric value here.

    Export - You can backup your form using this button.

    Import - Restore the backup using the import button.

    Note: You have to hit the Update button for each of the Tabs(Form, Mail, Messages, Additional Settings) individually.

    12. Slider Revolution

    In this Moto V4 theme, we have provide you a wonderful plugin for a slider, that Slider Revolution. Mainly, you can use this plugin at banner. You can visually create sliders, modules and web pages with the Slider Revolution WordPress Plugin.

  • Want to know more about this plugin, please visit this Link.
  • Here is the link from where you can understand how to use the slider revolution in your website: Documentation.
  • And here are some video tutorials which will help you to unsderstand that how you can use the slider revolution in you website: Video tutorials.
  • 13. E-Commerce

    Moto V4 Theme is fully compatible with the WooCommerce plugin. We carefully designed Moto V4 Theme so you can build a nice shop.

    In Moto V4 Theme, we included a WooCommerce Plugins, after activating the WooCommerce plugins, you will get the WooCommerce menu. There is another plugin in Moto V4 theme for E-Commerce which is MOTO V4 Woocommerce Addon, this plugin is used to customize the WooCommerce. Since WooCommerce is an external plugin, you will find any information you may need about it in the WooCommerce author’s page. Here are several useful links:

      3) If you want to set shop page then, Navigate to Woocommerce >> Settings

      4) If you want to see order list then, Navigate to Woocommerce >> Order.

      If you want to know more about order then Click Here

      5) If you want to offer discounts and rewards to your customers the create coupons for that, Navigate to Woocommerce >> Coupons>> Create Coupons.

      6) If you want to see customer list then, Navigate to Woocommerce >> Reports>> Customrs.

      7) If you want to see Products stock then, Navigate to Woocommerce >> Reports >> Stocks.

      8) Type content here for woo-Commerce advance setting

    14. Widgets

    The Moto V4 Theme includes several custom widgets. All widgets are accessed in the Widgets section of the WordPress admin. Widgets can be added to any sidebar, footer, and mega menu. 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 a sidebar or footer or megamenu.

    To Add Widgets, Follow The Steps Below

    • Step 1 - Navigate to Dashboard >> Appearance >> widgets to access the list of widgets and widget sections that they can be added to. The left hand side shows all the widgets you can use. The right hand side shows all the different sections you can add widgets to.
    • Step 2 - Simply drag and drop the widget you want into the widget section you want on the right hand side.
    • Step 3 - When finished, make sure to click Save in the widget editing box to save the widgets added to your sidebar.