Miion - Documentation v1.0

## General Information

Thank you for purchasing our theme. We are happy that you are one of our customers and we assure you will not be disappointed. We do our best to produce top notch themes with great functionality, premium designs, and clear code.

### License

With ThemeForest regular license you are licensed to use this theme to create one single End Product (the final website customized with your content) for yourself or for one client.

What is allowed with the single regular license:

1. You can create 1 website (on a single domain) for yourself or for your client. You can then transfer that website to your client for any fee. In that case, the license is also transferred to your client.
2. You can install the theme on your test server for testing/development purposes (this installation should not be available to the public).
3. You can modify or manipulate the theme, you can combine it with other works to create the End Product.
4. The theme updates for the single End Product (website) are free.

What is not allowed:

1. With a single regular license you are not allowed to create multiple websites. For multiple websites you will need multiple regular licenses.
2. To resell the same website (Single End Product) to another clients. You will need to purchase an extended license for this.

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

- License FAQ
- Licenses overview
- Regular license details
- Extended license details

### PSD Files & Images

IMPORTANT! We do not include theme-related `.PSD` files into the theme package, because it significantly increases the theme archive size. You will get all images and clip arts while importing demo.

### Bundled Plug-ins

The theme package contains a number of bundled plug-ins. Please click here to view the list of plug-ins that come included into the theme.

If a new version of a bundled plug-in is available, it will be included in the next theme's release. You can also request it by submitting a support ticket.

Bundled plug-ins are fully functional without the activation using a registration license key. In case you are willing to receive automatic updates and support from the plug-in team, you will need to purchase the plug-in separately. Only the direct buyers get the plug-in license key.

## Help and Support

### Support Policy

In order to receive a technical support assistance, you need to have a valid purchase code. To get the code, please navigate to your ThemeForest "Downloads" page and click on the theme download link. Check this guide for more details.

PLEASE NOTE! As authors of this theme we do provide support only for the theme-related features.

We do not provide support for additional customization, 3rd party plug-ins integration or any other compatibility issues that might arise. Nevertheless, there is an exception that is only applied to the plug-in(s) we have developed and integrated ourselves.

If you have any questions that are beyond the scope of this help file, feel free to post them on our support message board (forum) at https://zozothemes.ticksy.com/. We will respond as soon as possible (within 24 – 48 hours, usually faster). We are open from 9am to 7pm (GMT), from Monday till Friday.

Please be aware that a lot of the questions that are posted in the forum have been posted many times before, and get the same answers each time. Before submitting a new ticket, please try searching the forum for an answer, as well as checking our Articles. The forum has its own inner search and also has been indexed by Google, so if you can not find your answer with a forum search, it is worth typing it into Google too. Please make sure you have looked at all the available resources before submitting a support request.

### Third-party Extensions

Unfortunately, we do not provide support for third-party extensions. Please contact the author of the extension if needed. If you feel that you might have troubles with installing an extension, we advise you to order a professional installation service.

### Articles

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

## Installation

### WordPress Information

To install this theme you must have a working version of WordPress already installed. Below are some useful links regarding WordPress information.

- WordPress FAQ - General information about WordPress.
- WordPress Lessons - A great knowledge-base for WordPress beginners.
- PHP Function References - Detailed information on WordPress PHP functions and a lot of usage examples.

PLEASE NOTE! The theme is designed for free WordPress version downloaded at WordPress.org. We do not guarantee the theme full compatibility with installations on Wordpress.com due to limitations in website control and theme customization.

### Theme Requirements

To use this theme you must be running at least WordPress 4.9, PHP 5.6, mysql 5 or higher. If you use a hosting service with limited resources (e.g. GoDaddy!), you may experience issues with the "one-click" demo data installation.

We recommend that you contact your web hosting service provider to make sure that your server PHP configuration limits are as follows:

- `max_execution_time 500`
- `memory_limit 128M`
- `post_max_size 32M`
- `upload_max_filesize 32M`
- `max_input_vars 2000`

If you are running unmanaged dedicated server or VPS, you should check your `php.ini` file. Alternatively, you can edit `.htaccess` file in the root of your website and add the following values:

- `php_value max_execution_time 600`
- `php_value memory_limit 128M`
- `php_value post_max_size 32M`
- `php_value upload_max_filesize 32M`

Setting these values will ensure you will not get error messages during the installation. To safeguard your website, please use secure passwords and the latest version of WordPress and plug-ins.

Here is the list of web hosting service providers we recommend:

- SiteGround
- Bluehost
- InMotion Hosting

### Theme Installation

#### Unpacking the theme

Before installing the theme, please make sure you unpacked the archive and extracted the theme files. Some of the folders names may slightly vary. Treat the screenshot below as an example only.

The main package contains archives with the main theme, child theme and documentation.

If you try to install the wrong files, you will get the missing styles.css error. This is the most common error that means you are trying to install an incorrect package.

In order to install the theme, you need to have a working version of WordPress installed on your server first. Check out this guide for detailed information on how to install WordPress. We also highly recommend updating your WordPress to the latest stable version.

PLEASE NOTE! The theme is designed for free WordPress version downloaded at WordPress.org. We do not guarantee the theme full compatibility with installations on Wordpress.com due to limitations in website control and theme customization.

There are 2 ways to install the theme:

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

Attention! If you want to make changes in theme’s templates or functions, we recommend activating a child theme before demo data installation. Please see the Child Theme section for more information.

### Plug-ins Installation

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

- Contact Form 7
- Slider Revolution(required)
- Miion Core (required)
- WooCommerce
- Elementor Page Builder (required)

You can find a detailed overview of each plug-in in the Plug-ins section of this documentation file.

There is only one required plug-in for proper theme functioning, and that is Miion Core Plugin. The rest of the plug-ins are recommended for installation, but not required.

To make the theme look exactly as on the demo page, you would need to install the recommended plug-ins:

1. After the installation/activation of Miion Core plug-in and the theme activation you will see a prompt with a list of plug-ins to install. Click on the Begin installing plugins link or go to Wordpress Dashboard >> miion >> plugins and demo here you can install all of our recommended plugins.
2. Check the plug-ins you want to install, select the Install option and click Activate. Installation may take a few minutes, please be patient and do not refresh the page.
3. Now, activate the plug-ins. Go to Wordpress Dashboard >> miion >> plugins and demo Or Wordpress Dashboard >> plugins >> installed plugins , check all the listed plug-ins, choose Activate option and click Apply.

In case you are running a shared hosting with limited resources (e.g. GoDaddy), we do recommend enabling only the essential plug-ins (e.g. Miion Core , Elementor Page Builder) and disable the rest. Otherwise, it may significantly increase the memory consumption, which might lead to unwanted issues.

#### Page Builder

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

PLEASE NOTE! It is possible to switch between the page builders. Please use One page builder for creating/customizing One particular page/post/layout.

### Child Theme

If you want to make changes to the theme's files and functions, we recommend installing a child theme. This ensures that your theme customizations stay in place after the theme update. If you are not planning to change the core theme files, you are free to skip this chapter.

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

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

#### Using a Child Theme

Your child theme has its own `functions.php` file. Use it to copy modified functions from the parent theme's `functions.php`, or register new functions.

### Demo Content

Our theme includes a simple One-click demo data installation, which allows your site to look exactly as on the theme demo.

Before installing demo data, please make sure you have installed all the required plug-ins. Check the Plug-ins installation section for more information about the required plug-ins.

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

On the page that showed up set the required parameters.

#### Only Pages, Forms & Sliders

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

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

#### Whole Demo Site Content

When choosing this option, all the existing content of your website will be lost and replaced with the new data. We recommend using this option for new WordPress installations only.

Use the whole demo import option if you want to have an exact copy of the theme demo. It enables you to import all media files, pages, theme options, and plug-in settings.

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

### Installation FAQs

##### Link is expired - Try again when uploading the theme in admin panel.

There are two ways to solve this problem.

1. Contact your web hosting service provider to increase your `upload_max_filesize` to `32M`.
2. Upload the extracted theme package via an FTP client to `wp-content/themes` directory.

##### Fatal error: Allowed memory size of xx bytes exhausted (tried to allocate xx bytes).

The error occurs because of the low `memory_limit`. You can increase `memory_limit` on your server in several ways, namely by editing:

1. wp-config.php file: `define('WP_MEMORY_LIMIT', '128M');`
2. php.ini: `memory_limit = 128M;`
3. .htaccess file: `php_value memory_limit 128M;`

##### Fatal error: Call to undefined function `mb_strtolower()` in ….

Please contact your web hosting service provider to enable `mbstring PHP` function in server settings. The function is needed for some languages, such as Japanese, Chinese etc. In case you can not enable the settings, please contact the support team to get assistance with disabling the function in the theme.

##### If you get a message to enter your FTP details when uploading the theme, this is connected with different file/folder owners.

Edit `wp-config.php` file and add the following lines after database information:

- `define( 'FS_METHOD', 'direct' );`
- `define('FS_CHMOD_DIR', 0770);`
- `define('FS_CHMOD_FILE', 0660);`

##### Demo data import does not work.

Please contact your web hosting service provider to make sure that your PHP configuration limits are as follows:

- `max_execution_time 600`
- `memory_limit 128M`
- `post_max_size 32M`
- `upload_max_filesize 32M`

Then re-import demo data - it will be successful. In case you still have any issues, please contact our support team.

##### The import is stuck on Media.

Please un select "Media" in the list on the "Install demo data" screen and import the rest of the data. Our Support team can provide the demo media archive, so you could upload media via FTP, just submit a support ticket.

### Theme Update

This step is required if you received the notification that a new version of the theme is available. You can see this information in Change log section at the bottom of the item's details page.

Before you go ahead with the update make sure to backup your old theme's folder. Download it to your computer locally.

#### Update Option 1. Update using WordPress uploader

1. Log into your ThemeForest account and navigate to Downloads tab. Find the theme and download Installable WordPress file only.
2. Log into your WordPress website and go to Appearance > Themes.
3. Activate a default WordPress theme. Delete the older version of your theme and re-upload the new WordPress Installable files that you have downloaded from ThemeForest during the 1st step.
4. Once it is uploaded, activate the theme.
   IMPORTANT! If you're using a child theme, do not activate the newly uploaded parent theme. Activate your old child theme instead. Otherwise, all the child theme customizations will be lost.
5. Update (if necessary!) the included plug-ins, if you see a notification message prompting about a newer version.
   - Navigate to WP Dashboard > Plugins > Installed Plugins.
   - Deactivate and delete the rest plug-in(s) of old version.
   - Go to (Miion)WordPress Dashboard > Plugins and demo and install the plug-in(s) like it was described in the Plugins Installation section of this documentation.

#### Update Option 2. Update using FTP client

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

## Theme Customizer

Now let's navigate to Appearance (WP dashboard) > Customize to flexibly control the appearance and behavior of the whole website as well as individual types of posts, pages and categories.

IMPORTANT! Please be aware that our theme provides a special inheritance hierarchy system for "Theme Options" settings. It means that individual settings of each page may override global settings made with Customizer Panel.
Settings of "Blog", "WooCommerce", "Plug ins settings" (such as Services and Team) and other groups may also override default/general settings available through Customizer.

Moreover, you can see the changes of the front-end right after the alterations - when the needed parameter is selected, without switching from admin to front-end each time. When you are done with the changes, you should click on Publish button at the top of the Customizers side menu.

### Logo & Site Identity

Settings of this group are responsible for managing site identity features. This is the initial place where you should upload your logo.

1. Upload a new logo in the Customizer > General > Logo section and save the changes.

#### Site Title

The text entered into this field appears as the logo title (if the image logo is not uploaded) and as the websites title in your browser tab.

#### Tagline

The text entered into this field appears as the website slogan under the logo. By default, the tag line is used if no image logo is selected.

You can modify the site title and tag line appearance by inserting special characters, e.g.:

- `||` - line break;
- `{{` ... `}}` - modifies style and color of parts of the text;
- `[[` ... `]]` - makes the text bold;

#### Site Icon (Favicon)

The site icon (favicon) is used as a browser and app icon for your site. Icons must be square, and at least 512 pixels wide and tall. You can navigate favicon uploader Customizer >> Site Identity >> Site Icon Here you can upload your site favicon.

### General Settings

Settings of this group are responsible for managing an overall look of the site.

#### Layout Settings:

Here you can choose the Body layout style and View.

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

#### Page Loader:

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

#### Site Logo's:

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

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

#### API:

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

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

#### Comments Type:

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

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

#### Media Settings:

This is the setting for media sizes

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

#### RTL:

This is the setting for theme view RTL

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

### Skin

- Theme Skin - This is the setting for theme skin.
- Theme Color - Here you can choose theme color.
- Secondary Color - Here you can choose theme Secondary color.
- General Links Color - Here you can set link color and link hover, active colors.

- Body Background- This is the setting for theme body background.
- Body Background Settings- This is settings for body background with image, color, etc.

### Typography

##### General Typography

This is the setting for theme general typography

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

##### Widgets Typography

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

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

##### Menu Typography

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

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

##### Other Typography

This is the setting for theme common typography

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

### Header

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

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

##### Header General

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

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

###### Layout

- Header Width- Choose header layout boxed or wide.
- Header Template- Choose header template. Current header layout needed option values you can see after refresh this customizer page.
- Header Type- Select header type for matching your site. Here you can select header Default / Left sticky / right sticky.
- Header Items- Needed items for header, drag from disabled and put enabled.

###### Style

- Header Background Settings- This is settings for header background with image, color, etc.
- Drop down Menu Background- Choose drop down menu background color.
- Drop down Menu Color- Choose drop down menu link color.
- Drop down Menu Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.

###### Custom Text

- Address Label- This is the address label field, you can assign here any label custom text.
- Address Custom Text- This is the address field, you can assign here any custom text. Few HTML allowed here.
- Phone Number Label- This is the phone number label field, you can assign here any phone label custom text..
- Phone Number Custom Text- This is the phone number field, you can assign here any custom text. Few HTML allowed here.
- Email Label- This is the email label field, you can assign here any email custom label text.
- Email Custom Text- This is the email field, you can assign here any email id. Example companyname@yourdomain.com .

###### Advanced

- Header Absolute- Enable/Disable header absolute option to show transparent header for page.
- Header Sticky Part- Enable/Disable sticky part to sticky which items are placed in sticky part at header items.
- Sticky Scroll Up- Enable/Disable stciky part to sticky only scroll up. This also only sticky which items are placed in Sticky Part at Header Items.
- Main Menu Type- This is settings for main menu.
- Menu Tag- Enable/Disable menu tag for menu items like Hot, Trend, New.
- Secondary Menu- Enable/Disable secondary menu.
- Secondary Menu Type- Choose secondary menu type.
- Secondary Menu Space Width- Increase or decrease secondary menu space width. this options only use if you enable secondary menu. Here no need to specify dimensions like px, em, etc.. Example 350.
- Header Slider Position- Select header slider position matching your page.
- Search Toggle Modal- Select search box toggle modal.

##### Header Top

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

###### Layout

- Header Top Bar Items- Needed header topbar items drag from disabled and put enabled.

###### Style

- Header Top Bar Height- Increase or decrease header topbar height. Here no need to put dimension units like px, em etc. Example 50.
- Header Top Bar Sticky Height- Increase or decrease header topbar sticky height. Here no need to put dimension units like px, em etc. Example 50.
- Header Topbar Background- Here you can choose topbar background color.
- Header Topbar Color- Choose topbar link color.
- Header Topbar Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Header Topbar Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.

###### Custom Text

- Topbar Custom Text 1,2,3- Custom text shows header topbar. Here, you can place shortcode.
- Date Format- Enter date format like: l, F j, Y.

##### Header Middle( Logo section)

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

###### Layout

- Header Logo Section Items- Needed header logo section items drag from disabled and put enabled.

###### Style

- Header Logo Section Height- Increase or decrease header Logo Section height. Here no need to put dimension units like px, em etc. Example 50.
- Header Logo Section Sticky Height- Increase or decrease header Logo Section sticky height. Here no need to put dimension units like px, em etc. Example 50.
- Header Logo Section Background- Here you can choose Logo Section background color.
- Header Logo Section Link Color- Choose Logo section link color.
- Header Logo Section Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Header Logo Section Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
- Header Sticky Logo Section Font Color- Choose Sticky logo section font color.
- Header Sticky Logo Section Background- Here you can choose Sticky Logo Section background color.
- Header Sticky Logo Section Link Color- Choose Sticky logo section link color.
- Header Sticky Logo Section Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Header Sticky Logo Section Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.

###### Custom Text

- Logo Section Custom Text 1/2/3 - One more custom text shows header logo section. Here, you can place shortcode.

##### Header Bottom ( Header Navbar)

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

###### Layout

- Header Navbar Items- Needed header Navbar items drag from disabled and put enabled.

###### Style

- Header Navbar Height- Increase or decrease header Navbar height. Here no need to put dimension units like px, em etc. Example 50.
- Header Navbar Sticky Height- Increase or decrease header Navbar sticky height. Here no need to put dimension units like px, em etc. Example 50.
- Header Navbar Background- Here you can choose Navbar background color.
- Header Navbar Link Color- Choose Navbar link color.
- Header Navbar Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Header Navbar Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
- Header Sticky Navbar Font color- Choose Sticky Navbar font color.
- Header Sticky Navbar Background- Here you can choose Sticky Navbar background color.
- Header Sticky Navbar Link Color- Choose Sticky Navbar link color.
- Header Sticky Navbar Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Header Sticky Navbar Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.

###### Custom Text

- Navbar Custom Text 1/2/3 - One more custom text shows header Navbar. Here, you can place shortcode.

##### Header Left / Right Navbar

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

###### Layout

- Header Sticky/Fixed Width- Increase or decrease header fixed width. Here no need to put dimension units like px, em etc. Example 350
- Header Sticky/Fixed Link Color- Choose fixed link color.
- Header Sticky/Fixed Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Header Sticky/Fixed Padding Option-Here no need to put dimension units like px, em etc. Example 10 10 20 10.
- Background- This is settings for sticky/fixed header background.

###### Custom Text

- Sticky/Fixed Custom Text 1/2- Custom text shows header fixed. Here, you can place shortcode.

##### Mobile Menu

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

###### Layout

- Mobile Topbar Items-Needed mobile topbar items drag from disabled and put enabled.
- Mobile Header Items- Needed mobile header items drag from disabled and put enabled parts like left, center or right.
- Mobile Menu Items- Needed mobile menu items drag from disabled and put enabled.

###### Style

- Mobile Header Height- Increase or decrease mobile header width.
- Mobile Header Background- Set mobile header background color.
- Mobile Header Link Color- Choose mobile Header Link Color.
- Mobile Header Sticky Height- ncrease or decrease mobile header sticky height
- Mobile Sticky Header Background- Set mobile sticky header background color.
- Mobile Sticky Header Link Color- Choose mobile sticky header link color options.
- Mobile Menu Animate From- Choose your mobile menu animate from left, right, top or bottom.
- Mobile Menu Max Width- Increase or decrease mobile menu maximum width. If you need full width means just leave this empty.
- Header Mobile Menu Link Color- Choose mobile menu link color.
- Header Mobile Menu Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Header Mobile Menu Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
- Header Mobile Menu Background- This is settings for mobile menu background.

###### Custom Text

- Custom Text- One more custom text shows on mobile topbar. Here, you can place shortcode.

###### Advanced

- Mobile Topbar Option- Enable/Disable mobile topbar.
- Mobile Header From- Choose your mobile header shows from tablet, tablet landscape or mobile.
- Mobile Header Sticky- Enable/Disable this option to sticky mobile header.
- Mobile Header Sticky Scroll Up- Enable/Disable this option to sticky mobile header.

##### Top Sliding Bar

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

###### Layout

- Top Sliding Bar Enable- Enable/Disable top sliding bar. Here you can show you sidebars width column based.
- Top Sliding Bar Show on Devices- Enable or disable top sliding bar for mobile, tab or desktop. This option from big devices. If desktop not enable and tab enable means it's hide sliding bar all the devices.
- Header Top Slide Columns 1/2/3/4 - Choose top sliding bar columns.

###### Style

- Top Sliding Bar Background - Choose top sliding bar background color.
- Top Sliding Bar Link Color - Choose top sliding bar link color.
- Top Sliding Bar Border - Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Top Sliding Bar Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.

### Footer

Setting of this group is responsible for choosing the style of the footer area , Here you can change all of your Footer behaviors like fonts , color , sizes , background , Items , Alignments etc..

### Footer General

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

###### Layout

- Footer Layout- Choose footer layout boxed or wide.
- Footer Template- Choose footer template. Current footer layout needed option values you can see after refresh this customizer page.
- Footer Items- Needed footer items drag from disabled and put enabled.

###### Style

- Back to Top- Enable/Disable back to top icon.
- Back to Top Button Position - Choose position right/left for back to top button.
- Hidden Footer- Enable/Disable hidden footer.
- Footer Link Color- Choose footer link color.
- Footer Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Footer Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
- Footer Background- This is settings for footer background.
- Footer Background Overlay- Here you can set your footer overlay color for footer.

### Footer Top

This is the setting for footer top section.

###### Layout

- Footer Top Inner Layout- Choose footer top layout boxed or wide.
- Footer Top Layout- Here you can choose footer top columns layout.
- Choose First / second / Third / Fourth Column- Select widget area for showing first/second/third/fourth column of footer top..

###### Style

- Footer Top Link Color- Choose footer link color.
- Footer Top Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Footer Top Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
- Footer Top Margin Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10..
- Footer Top Background- This is settings for footer background.
- Footer Top Background Overlay- Choose footer top background overlay color.
- Widget Title Color- Choose footer top widgets title color.

### Footer Middle

This is the setting for footer Middle section.

###### Layout

- Footer Middle Inner Layout- Choose footer Middle layout boxed or wide.
- Footer Middle Layout- Here you can choose footer Middle columns layout.
- Choose First / second / Third / Fourth Column- Select widget area for showing first/second/third/fourth column of footer Middle..

###### Style

- Footer Middle Link Color- Choose footer link color.
- Footer Middle Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Footer Middle Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
- Footer Middle Margin Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10..
- Footer Middle Background- This is settings for footer background.
- Footer Middle Background Overlay- Choose footer Middle background overlay color.
- Widget Title Color- Choose footer Middle widgets title color.

### Footer Bottom

This is the setting for footer Bottom section.

###### Layout

- Footer Bottom Inner Layout- Choose footer bottom layout boxed or wide.
- Footer Bottom Fixed- Enable/Disable footer bottom to fixed at bottom of page.
- Footer Bottom Widget- Select widget area for showing on footer copyright section.
- Footer Bottom Items- Needed footer bottom items drag from disabled and put enabled.

###### Style

- Footer Bottom Link Color- Choose footer link color.
- Footer Bottom Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Footer Bottom Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
- Footer Bottom Margin Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10..
- Footer Bottom Background- This is settings for footer Bottom background.
- Footer Bottom Background Overlay- Choose footer Bottom background overlay color.
- Widget Title Color- Choose footer top widgets title color.

###### Custom Text

- Copyright Text- This is the copyright text. Shown on footer bottom if enable footer bottom in footer items.

### Theme Templates

##### Template General

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

##### Page Template

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

###### Layout

- Page Title Option- Enable/Disable page title.
- Page Title Items- Needed items for page title wrap, drag from disabled and put enabled.
- Page Template- Choose your page template.
- Left Sidebar- Select widget area for showing on left side.
- Right Sidebar- Select widget area for showing on right side.

###### Style

- Page Title Settings- This is page title style settings for page template.
- Font Color- This is font color for current field.
- Page Template Link Color- Choose page template link color.
- Page Template Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Page Template Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
- Page Template Background- This is settings for footer background.
- Background Parallax- Enable/Disable page title background parallax.
- Background Video- Enable/Disable page title background video..
- Page Title Background Video- Set page title background video for page. Only allowed youtube video id. Example: UWF7dZTLW4c
- Page Title Overlay- Choose page title overlay rgba color.

###### Advanced

- Sidebar Sticky- Enable/Disable sidebar sticky.
- Sidebar on Mobile- Enable/Disable to show or hide sidebar on mobile.

##### Blog Template

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

###### Layout

- Page Title Option- Enable/Disable page title.
- Page Title Items- Needed items for page title wrap, drag from disabled and put enabled.
- Blog Settings- This is settings for blog page layout, sidebar sticky and etc.
- Blog Template- Choose your current blog page template.
- Left Sidebar- Select widget area for showing on left side.
- Right Sidebar- Select widget area for showing on right side.
- Blog Post Template- Choose your current blog post template.
- Top Standard Post- Enable/Disable to show top post layout standard others selected layout.
- Grid Columns- Select grid columns.
- Blog Post Grid Gutter- Enter grid gutter size. Example 20.
- Grid Type- Select grid type normal or isotope.
- Infinite Scroll- Enable/Disable infinite scroll for blog post.
- Post Read More Text- Set blog post read more text. Example Read More.
- Post Excerpt Length- Set blog post excerpt length. Example 15.
- Blog Post Top Meta Items- Needed blog post top meta items drag from disabled and put enabled part. ie: Left or Right.
- Blog Post Bottom Meta Items- Needed blog post bottom meta items drag from disabled and put enabled part. ie: Left or Right.
- Blog Post Items- Needed blog post items drag from disabled and put enabled part. Thumbnail part covers the post format either image/audio/video/gallery/quote/link.
- Blog Post Overlay- Enable/Disable blog post overlay.
- Blog Post Overlay Items- Needed blog post overlay items drag from disabled and put enabled part.

###### Style

- Page Title settings- Enable/Disable page title.
- Font Color- This is font color for current field.
- Page Template Link Color- Choose page template link color.
- Page Template Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Page Template Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
- Page Template Background- This is settings for footer background.
- Background Parallax- Enable/Disable page title background parallax.
- Background Video- Enable/Disable page title background video..
- Page Title Background Video- Set page title background video for page. Only allowed youtube video id. Example: UWF7dZTLW4c
- Page Title Overlay- Choose page title overlay rgba color.
- Blog Article Skin Settings- This is skin settings for each blog article.
- Article Font Color- This is font color for blog article.
- Article Link Color- Choose footer link color for blog article.
- Article Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Article Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
- Article Background Color- This is background color for blog article.

###### Custom Text

- Post Read More Text- Set blog post read more text. Example Read More
- Blog Page Title- This is a title for blog page. HTML code allowed here.
- Blog Page Description- This is description for blog page. HTML code allowed here.

###### Advanced

- Post Format Settings- This is post format settings for blog.
- Video Format- Choose blog page video post format settings.
- Quote Format- Choose blog page quote post format settings.
- Link Format- Choose blog page link post format settings.
- Gallery Format- Choose blog page gallery post format settings.
- Blog Feature slider- Enable/Disable blog featured slider.
- Sidebar Sticky- Enable/Disable sidebar sticky.
- Sidebar on Mobile- Enable/Disable to show or hide sidebar on mobile.

##### Archive Template

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

###### Layout

- Page Title Option- Enable/Disable page title.
- Page Title Items- Needed items for page title wrap, drag from disabled and put enabled.
- Archive Template- Choose your current archive page template.
- Left Sidebar- Select widget area for showing on left side.
- Right Sidebar- Select widget area for showing on right side.
- Archive Settings- This is settings for archive page layout, sidebar sticky and etc.
- Archive Post Template- Choose your current archive post template.
- Top Standard Post- Enable/Disable to show top post layout standard others selected layout.
- Grid Columns- Select grid columns.
- Archive Post Grid Gutter- Enter grid gutter size. Example 20.
- Grid Type- Select grid type normal or isotope.
- Infinite Scroll- Enable/Disable infinite scroll for archive post.
- Archive Read More Text- Set archive post read more text. Example Read More.
- Archive Excerpt Length- Set archive post excerpt length. Example 15.
- Archive Post Top Meta Items- Needed archive post top meta items drag from disabled and put enabled part. ie: Left or Right.
- Archive Post Bottom Meta Items- Needed archive post bottom meta items drag from disabled and put enabled part. ie: Left or Right.
- Archive Post Items- Needed archive post items drag from disabled and put enabled part. Thumbnail part covers the post format either image/audio/video/gallery/quote/link.
- Archive Post Overlay- Enable/Disable archive post overlay.
- Archive Post Overlay Items- Needed archive post overlay items drag from disabled and put enabled part.

###### Style

- Archive Page Title Settings- This is Archive page title style settings for page template.
- Font Color- This is font color for current field.
- Archive Template Link Color- Choose page template link color.
- Archive Template Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Archive Template Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
- Archive Template Background- This is settings for footer background.
- Background Parallax- Enable/Disable page title background parallax.
- Background Video- Enable/Disable page title background video..
- Page Title Background Video- Set page title background video for page. Only allowed youtube video id. Example: UWF7dZTLW4c
- Page Title Overlay- Choose page title overlay rgba color.
- Archive Article Skin Settings- This is skin settings for each archive article.
- Article Font Color- This is font color for archive article.
- Article Link Color- Choose footer link color for archive article.
- Article Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Article Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
- Article Background Color- This is background color for archive article.

###### Custom Text

- Post Read More Text- Set archive post read more text. Example Read More

###### Advanced

- Post Format Settings- This is post format settings for blog.
- Video Format- Choose archive page video post format settings.
- Quote Format- Choose archive page quote post format settings.
- Link Format- Choose archive page link post format settings.
- Gallery Format- Choose archive page gallery post format settings.
- Archive Feature slider- Enable/Disable archive featured slider.
- Sidebar Sticky- Enable/Disable sidebar sticky.
- Sidebar on Mobile- Enable/Disable to show or hide sidebar on mobile.

##### Single Post Template

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

###### Layout

- Page Title Option- Enable/Disable page title.
- Page Title Items- Needed items for page title wrap, drag from disabled and put enabled.
- Archive Settings- This is settings for single post page layout, sidebar sticky and etc.
- Single Post Template- Choose your current Single Post page template.
- Left Sidebar- Select widget area for showing on left side.
- Right Sidebar- Select widget area for showing on right side.
- Full Width Wrap- Enable/Disable to show or hide full width post wrapper.
- Single Post Article Top Meta Items- Needed single post article top meta items drag from disabled and put enabled part. ie: Left or Right.
- Single Post Article Bottom Meta Items- Needed single post article bottom meta items drag from disabled and put enabled part. ie: Left or Right.
- Single Post Article Items- Needed single post article items drag from disabled and put enabled part. Thumbnail part covers the post format either image/audio/video/gallery/quote/link.
- Single Post Article Overlay- Enable/Disable single post article overlay.
- Single Post Page Items- Enable/Disable single post article overlay.

###### Style

- Page Title Settings-This is page title style settings shows only when page title option active.
- Font Color- This is font color for current field.
- Single Post Template Link Color- Choose Single post title bar link color.
- Single Post Template Border - Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Single Post Template Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
- Single Post Template Background- This is settings for footer background.
- Background Parallax- Enable/Disable page title background parallax.
- Background Video- Enable/Disable page title background video..
- Page Title Background Video- Set page title background video for page. Only allowed youtube video id. Example: UWF7dZTLW4c
- Page Title Overlay- Choose page title overlay rgba color.
- Single Post Article Skin Settings- This is skin settings for each single post article.
- Single Post Page Title Items- Enable to make page title items custom layout.
- Article Font Color- This is font color for archive article.
- Article Link Color- Choose footer link color for archive article.
- Article Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Article Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
- Article Background Color- This is background color for archive article.
- Single Post Article Overlay Skin Settings- This is overlay skin settings for each single post article.
- Article Font Color- This is font color for single post article.
- Article Link Color- Choose Article link color for single post article.
- Article Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.
- Article Padding Option- Here no need to put dimension units like px, em etc. Example 10 10 20 10.
- Article Background Color- This is background color for single post article.

###### Advanced

- Post Format Settings- This is post format settings for single post.
- Video Format- Choose single post page video post format settings.
- Quote Format- Choose single post quote post format settings.
- Link Format- Choose single post link post format settings.
- Gallery Format- Choose single post page gallery post format settings.
- Single Post Feature slider- Enable/Disable archive featured slider.
- Sidebar Sticky- Enable/Disable sidebar sticky.
- Related Post Max Limit- Enter related post maximum limit for get from posts query. Example 5.
- Related Posts From- Select grid columns.

### Sliders

##### Featured Slider

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

This is the setting for featured slider

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

##### Related Slider

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

This is the setting for Related slider

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

##### Blog Post Slider

This is the setting for Blog Post slider

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

##### Single Post Slider

This is the setting for Single Post slider

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

### Social

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

This is the setting for social links.

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

##### Social Share

This is the setting for social share.

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

### Custom Post Types

This is custom post type settings area.

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

##### Team

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

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

##### Testimonial

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

This is custom post type testimonial setting.

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

##### Events

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

This is custom post type events setting.

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

##### Services

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

This is custom post type services setting.

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

##### Portfolio

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

This is custom post type Portfolio setting.

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

### Maintenance

This is the general setting for maintenance of current site.

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

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

### Import and Export

This is the general setting for maintenance of current site.

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

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

### WooCommerce

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

IMPORTANT! You Must install Woocommerce plugin for this.

##### Woocommerce General

This is the setting for woocommerce general options.

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

##### Archive Template

This is the setting for woocommerce archive page template.

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

##### Single product Template

This is the setting for woocommerce single product template.

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

##### Woo Related slider

This is the setting for woo related products slider.

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

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

## Custom Post Types

A custom post type is an additional type of posts that is tailored for a specific kind of content. Custom post types are a part of the Miion Core Add-ons plug-in, and you can use them after the plug-in activation.

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

Activated Custom post types will in WordPress Dashboard Like this

### Services

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

### Team

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

### Event

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

### Portfolio

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

### Testimonials

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

## Page and options

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

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

### Page options

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

##### General Settings

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

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

##### Header Settings

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

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

##### One Page Settings

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

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

##### Footer Settings

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

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

##### Slider

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

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

### Post Options

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

##### General Settings

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

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

##### Header Settings

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

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

##### Footer Settings

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

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

##### Slider

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

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

##### Format

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

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

## Shortcodes

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

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

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

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

#### Animated Text

This shortcode For to insert Animated text.

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

Example:

#### Blog

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

Example:

#### Circle Progress

This shortcode displays Progress Bar in Circle Shape

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

Example:

#### Chart

This shortcode displays Charts / Pie Charts / Line Charts.

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

Example:

#### Contact Form

This shortcode displays a Different styles contact forms.

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

Example:

#### Contact Info

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

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

Example:

#### Counter

This shortcode is used to show Counters.

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

Example:

#### Day Counter

This shortcode displays countdown.

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

Example:

#### Events

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

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

Example:

#### Feature Box

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

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

Example:

#### Flipbox

This shortcode Used to display Flip boxes

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

Example:

#### Google Map

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

Example:

#### Icon

This shortcode used for to display icons with different styles.

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

Example:

#### Icon List

This shortcode used for to display icons and Text

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

Example:

#### Image Grid

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

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

Example:

#### Mailchimp

This shortcode used to display mailchimp sign up.

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

Example:

#### Modal Popup

This shortcode used to display mailchimp signup.

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

Example:

#### Popup Frame

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

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

Example:

#### Popover

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

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

Example:

#### portfolio

This shortcode used for to display icons and Text

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

Example:

#### Pricing Table

This shortcode displays Different styles of pricing table.

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

Example:

#### Recent And popular Post

This shortcode displays Recent And popular Blog post.

- Post Per Page- Here you can define post limits per page. Example 2
- Excerpt Length- Here you can define post excerpt length. Example 10
- Include Categories- This is filter categories. If you don't want portfolio filter, then leave this empty. Example slug: travel, web
- Exclude Categories- Here you can mention unwanted categories. Example slug: travel, web
- Read More Text- Here you can enter read more text instead of default text.
- Font Color - Here you can put the font color.
- Link Color- Here you can put the link color.
- Link Hover Color- Here you can put the link hover color.
- Post Heading Tag- Here you can select Heading tag for title
- Recent/Popular Post Layout- Here You can select your blog layout
- Recent/Popular Post Variation- This is option for blog variation either dark or light.
- Recent/Popular Post Columns- This is option for blog columns.
- Post Items- This is settings for blog custom layout. here you can set your own layout. Drag and drop needed blog items to Enabled part.
- Post Overlay Items Options- Here you can enable Post overlay
- Post Top Meta- This is settings for blog shortcode post top meta.
- Post Bottom Meta- This is settings for blog shortcode post Bottom meta.
- Text Align- This is option for blog text align.
- Image Size- Choose thumbnail size for display different size image.
- Items Spacing- Here you can mention each blog items bottom space. if you want to set default space of any item just use hyphen(-). Example 10px 20px - 10px

Example:

#### Rounded Tab

This shortcode used to display Rounded tab

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

Example:

#### Section Title

This shortcode displays Section title with different styles.

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

Example:

#### Services

This shortcode displays Services with different styles.

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

Example:

#### Social Links

This shortcode displays Social Links with different styles.

- Title- Enter social links here.
- Font Color- Here you can put the font color.
- Social Icons Type- Here you can choose the social icons view type.
- Text Align- This is option for blog text align.
- Social Icons Fore- This is option for day social icons fore color.
- Social Icons Fore Hover- This is option for day social icons fore hover color.
- Social Icons Background- This is option for day social icons background color.
- Social Icons Background Hover- This is option for day social icons background hover color.

Example:

#### Team Member

This shortcode displays Team Members with different styles.

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

Example:

#### Testimonials

This shortcode displays Team Members with different styles.

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

Example:

#### Timeline

This shortcode displays timeline.

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

Example:

#### Timeline Slide

This shortcode displays timeline.

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

Example:

#### Toggle Content

This shortcode displays Toggle Content option.

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

Example:

## Plug-ins

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

### Contact Form 7

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

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

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

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

### Slider Revolution

If you need to display posts, pages, or custom post types in a form of a slider.

Our theme is fully compatible with an extremely powerful Revolution Slider plug-in. It allows you to create an unlimited number of sliders and set anywhere you want on the page within the necessary widget

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

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

#### Slider Revolution with images from posts/pages, etc.

The Revolution slider also allows you to use the images from the already created website elements like posts/pages as well as from social profiles streams, etc. This method also preserves adding the needed information (text/buttons) or effects via slider layers. Such images can be specified in Slider Settings. Just open a particular slider, navigate to "Slider Settings" tab and set the required parameters in Content Source.

#### Add Slider Revolution via Shortcodes

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

#### Add Slider Revolution via Widgets

You can also add Slider Revolution via widgets and place the slider not only in the header of the page (might vary, depending on default sidebars locations available for a particular theme).

Please note! In case you do not have a slider set up (but the Revolution Slider plug-in is already installed), you need to create it first and fill with slides by navigating to Slider Revolution tab in the WP Dashboard side menu.

1. Navigate to the Appearance > Widgets in the WordPress dashboard menu.
2. Locate the Revolution Slider widget and drag and drop it to any of the available widget sets. Specify the necessary parameters and click on "Save" button. See the example below.
3. Navigate to the page on which you want your slider to appear, and enable the necessary widget area (if available for a particular set of pages/posts). For example, let's activate Slider for the services-related posts globally (Appearance > Customize > Plug-ins settings > Services > Header section).
4. Once it's finished save and publish the changes to see how it will look on the front-end.

### WooCommerce

WooCommerce is an industry leader e-commerce plug-in for WordPress. Our theme is fully compatible with this great tool, allowing you to turn your website into sales machine in just a few clicks. You simply need to install this plug-in and allow it to create a set of pages to display categories, products etc. Then you need to add a set of products.

We highly encourage you to read the great documentation files WooCommerce offers. These manuals help to create effective and reliable on line stores providing more features than you can imagine. Here is a list of really useful links helping you create and polish your shop.

1. Documentation - official plug-in documentation.
2. Free and Premium extensions - powerful toolbox bringing more features to your shop.
3. iOS app for Woocommerce - this application gives you full control over your shop.

### Elementor Page Builder

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

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

## Theme Translation

### 1. Get the theme

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

### 2. Check you can switch language

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

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

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

### 3. Set up the folders

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

    wp-content/languages/loco/themes

### 4. Check the theme contains a POT file

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

    wp-content/themes/Miion/languages/Miion.pot

### 5. Find the theme in the translation dashboard

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

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

### 6. Add a new language

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

### 7. Translate some strings

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

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

### 8. Viewing the translated theme String

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

it Will work.

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

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

## For More Questions Refer this site

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

### Common Faq's

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

##### Mailchimp API Key Issue

Please follow the below steps to fix the error. Go to admin backend > login to admin > Go to Customizer > Theme options > General > API > Mailchimp API Key. input your Mailchimp Key.

##### How to add mailchimp form?

- You can add mailchimp subscriptions to any wordpress page/post in two ways. One is Elementor Shortcodes and other one is Mailchimp Widget.
- Before that you need to add Mailchimp api key to integrate with your mailchimp account.
- Navigate to Theme Options > General > API > Mailchimp Api key. You can find the Mailchimp API Key box.
- Enter your Mailchimp API key to get subscribers for your lists.
- Add Mailchimp Using Elementor.
- You can design your Forms using Elemenor Shortcodes. Just go to the page where you want to add mailchimp form and Click on Add New Element button in Elementor tab.
- Navigate to Theme Addons and click on Mailchimp Form addon.
- Mailchimp Form popup box will open and customize your details and click ok. The mailchimp form is added.
- Add Mailchimp Using Mailchimp Widget.
- To add mailchimp widget, Navigate to Appearance > Widgets.
- You can find the Widget Mailchimp Subscription Form in left side of the page. Just drag and drop it in your required area.
- Click on the Mailchimp Widget Tab and Enter the details of your Mailchimp such as Title, Description and Mailing List.

##### How to change custom post type Slug?

Theme options >> Custom post types >> Services >> Service Slug here you can change. Save the theme options. Also Save permalinks once In Settings >> Permalinks.

##### Shop / product not showing after demo import?

Check Woocommerce installed? You should install woocommerce before demo import so only shop page and products will import properly.

##### Showing Slider not Found?

If you got slider not found Alert in slider area means please check if all the slider is available or not. If all ok means please check shortcode Pasted correctly in page options. Also Check Revolution sliders is available.

##### How to change custom post type Slug?

Theme options >> Custom post types >> Services >> Service Slug here you can change. Save the theme options. Also Save permalinks once In Settings >> Permalinks.

##### How to enable or Disable custom post types?

Theme options >> Custom Post Types. Here you can enable of disable your custom post types. save theme options.

##### how to change theme color?

Theme options >> Skin >> Theme Skin Here you can change the theme color. save theme options.

##### Google Map Not working?

Theme options General > API Get API key fromGoogle map then paste to Google Map API Key text box. Finally Save the theme options.

##### How to enable page loader?

- Theme options General > Loader
- You can see the Page Loader Just enable that then you can upload your page loader image.
- Finally Save the theme options

##### How to enable custom post type like portfolio, team ?

- Theme options > custom post type Enable whatever you need
- save theme option Refresh the page you can find the custom post types in admin sidebar.

##### How to check my server configuration?

- Login to wordPress Admin
- Navigate to System status in your left admin sidebar.
- Here you can see your System status and configuration

##### How to use custom fonts?

- Navigate to Appearance > Custom Fonts in your admin sidebar.
- Choose font to upload
- Custom fonts should be in this following format. .eot, .otf, .svg, .ttf, .wof option.
- Font folder name only show as font name in theme option.
- So make folder name and font name are should be the same but font name like slug type.
- Eg: Font folder name is – 28 Days Later font name like 28-days-later.eot, 28-days-later.otf …

##### How to import Revolution Slider?

- Navigate to Revolution Slider in your admin sidebar.
- You can find the Import Slider option.
- Click on Browse button and select your zip file then click Import Slider button.

##### How to setup Menu for One Page?

- Step 1 : Appearance >> Menu >> Create New Menu Called ” One Page menu”.
- Step 2 : Add Menu items Example From Left side Click “custom Link” You can see two fields Url And Menu Text.
- Example : For Url #section-aboutus and Link Text About Us.
- Step 3 : Edit One page >> Page Options >> header >> Select Navigation Menu >> Here You should Select “one page Menu” Before you Created one.
- After That in that Page Example :: About Us Section >> Edit Row >> General >> Id >> section-aboutus

- So One Page Scroll Will work Perfectly.

##### How To Fix WooCommerce Image Size Issues?

- Go to WooCommerce tab on your admin sidebar, and select the Settings tab.
- Click on the Products tab at the top of the page. Click on Display Tab under the product tab.
- Scroll down to see the Product Images section, you will find the Catalog Images, Single Product Images, and Product Thumbnails dimensions.
- Enter the required Width and Height for the above image options.
- The minimum suggest Width for our theme is 600px.

##### How to Hide the Header Top Bar in particular pages?

- Navigate to Pages
- Click Edit option on the required page.
- Scroll down to see the Page Options tab.
- Click on Header tab in Header items Options > custom > drag and drop topbar to Disable part.
- Update the page.

##### How to disable Footer Widgets?

- You can disable the Footer Widgets in Theme Options settings.
- Navigate to Theme Options > Footer.
- Find the option Footer Items.
- Drag footer Items to Disabled State.
- Hit the Save changes button to apply your changes.

##### How to disable Mobile Sticky Header?

- You can disable the Mobile Sticky Header in Theme Options settings.
- Navigate to Theme Options > Header > Mobile Menu.
- Find the option Mobile Header Sticky.
- You can choose enable disable Mobile Sticky Header here.
- Hit the Save changes button to apply your changes.

##### How to disable Sticky Header?

- You can disable the Sticky Header in Theme Options settings.
- Navigate to Theme Options > Header.
- Find the Sticky Header Items > Sticky > Empty that Space.
- Hit the Save changes button to apply your changes.

##### How to disable Footer Widgets?

- You can disable the Footer Widgets in Theme Options settings.
- Navigate to Theme Options > Footer.
- Find the option Footer Items.
- Drag footer Items to Disabled State.
- Hit the Save changes button to apply your changes.

##### How to setup Homepage?

- You can setup a Homepage in Settings.
- Navigate to Settings > Reading in your WordPress Dashdoard panel.
- Select Front page displays to a Static Page.
- Choose a page from the drop down menu for Front Page which will be your home page.
- Leave empty for Posts page from drop down menu and Save the changes.

##### How to disable Footer Widgets?

- You can disable the Footer Widgets in Theme Options settings.
- Navigate to Theme Options > Footer.
- Find the option Footer Items.
- Drag footer Items to Disabled State.
- Hit the Save changes button to apply your changes.

##### How to create a Sidebar?

- You can create a Sidebar in Appearance.
- Navigate to Appearance > Custom Sidebars.
- Click on Add Sidebar button to create new sidebar and enter the name for sidebar. You can add as many sidebars as you need..
- Once you have created, you need to add Widgets to your sidebar.
- Navigate to Appearance > Widgets and find your sidebar on the right side of the page.
- On the left hand side you will see all the widgets you can use, simply drag and drop the widget you want into your sidebar on the right hand side.
- Make sure you click Save button to save the widgets added to your sidebar.
- To use the sidebar for a page which you have created now, Navigate > Pages > Page Options > Sidebar, choose the sidebar from the dropdown lists.
- You can use the sidebar for only Default Page Template.

##### How to enable Maintenance mode?

- You can enable Maintenance mode in Theme options.
- Navigate to Theme options > Maintenance.
- You can find Enable Maintenance Mode option.
- There are two ways to enable Maintenance mode such as On ( Maintenance Default ) , (Coming Soon Default ) and On ( Custom Page ).
- Select an Item for the custom page and if you would like to show a custom page instead of the standard page from theme. You should use the Maintenance Page template for this page.

##### How to add Google Map with Markers?

- You can add Google Map with multiple markers using Google Map Elementor shortcode.
- Click on Add New Element from Elementor Tab and the popup window will open
- Navigate to Theme Addons and you can find the Google Map.
- Click on Google Map and the popup will open the Google Map Settings.
- You can customize the map options, after that upload the Image for Marker and Navigate to Content Tab.
- You can find the Title and Content for the Markers.
- Enter a title for each marker position on Title area. Divide titles with linebreaks (Enter).

##### How to add Contact Form?

- You have to install Contact Form 7 plugin to add contact form in your theme.
- Navigate to Plugins > Add New and search Contact Form 7 plugin and install it.
- After installing the plugin, Navigate to Page you want to add Contact Form.
- Click on Add New Element from Elementor.
- You can find the Contact Form shortcode from that elementor window.
- Customize the contact form settings and save the changes.

##### How to add Sliding bar?

- You can enable sliding bar option in Theme Options settings.
- Navigate to Theme Options > Header > Top Sliding bar Enable.
- You can Enable/Disable the Sliding bar option.
- You can Disable Sliding Bar on Mobile.
- Sliding Bar Columns – Select the number of columns to display in the Sliding Bar.
- To add content to the Header Top sliding bar settings, navigate to Appearance > Widgets here you can add widgets for top sliding bar.

##### Owl Carousel not working in responsive.

- You have to set responsive options in carousel settings.
- Navigate to Slider in carousel settings
- When you choose slider using shortcodes, you can find the options like Items To Display in Tablet, Items To Display In Mobile Landscape, Items To Display In Mobile Portrait.
- Items To Display in Tablet – Enter the number of items to display in Tablet.
- Items To Display In Mobile – Enter the number of items to display in Mobile view.

##### How to change font family and sizes for whole theme?

- You can change font family and sizes in Theme Options settings.
- Navigate to Theme Options > Typography.
- You can find the Body Font option.
- You can also change h1 To h6 Heading fonts and font settings.
- You can select font family, font-weight, Line Height, Font Size, Font Color for body font properties.
- Likewise, you can change the font for Menu, Page/Post and Widgets.
- Click Save changes button to apply the changes.

##### How to enable secondary menu ?

- You can enable secondary menu option in Theme Options settings.
- Navigate to Theme Options > Header > Secondary Menu Space Settings.
- You can find the Secondary Menu option and enable it.
- And You can Put widgets to secondary Menu in Appearance > Widgets > Secondary Menu sidebar
- Click Save changes button to apply the changes.

##### How to add custom logo?

- You can add your custom logo in Theme Options settings.
- Navigate to Theme Options > General > Logo.
- Also You have an option in Page Options > General > Custom Logo., Sticky Logo.
- You can Upload an image or insert an image url to use for the website logo.
- Logo Padding – Choose the spacing for logo.
- Sticky Header Logo – You can Upload an image or insert an image url to for the Sticky Header logo.

##### How to change Header Layout?

- You can change the Header Layout in Theme Options settings.
- Navigate to Theme Options > Header.
- Find the option Header Layout.
- Choose the Header Layout such as Wide or Boxed.
- Hit the Save changes button to apply your changes.
- You can drag and drop any header items to Left, Center, Right.
- There is an Option For Topbar, Logobar , Navbar you can customize anything in it.

##### Can your themes be used in different languages? Even RTL?

- Yes, our theme support different languages and you can enable RTL for right-to-left language mode.
- For RTL mode Navigate to Theme Options > General.
- Find the option Enable RTL Mode, Click Yes to Enable it.

##### How to change theme color skin?

- You can change the color Skin for your theme in Theme Options settings.
- Navigate to Theme Options > Skin > Theme Skin.
- Theme Color – You can choose your own color from color Skin options for your theme. Also you can enable/disable the Transparent option.
- Link Color – Choose link color for regular and hover options.

##### How to hide Page Title bar?

- You can hide Page Title bar to any page in Page Options settings.
- Just go to the page/post where you want to hide Page Title bar.
- Navigate to Pages > Edit Page or Add New
- Scroll down to see Page Options > Header > Page Title Bar.
- Choose Yes from dropdown to Hide page title bar.

##### How to display Featured Post Slider?

- Navigate to Posts > Select Posts as Featured.
- Navigate to Theme Options > Blog template > Blog Featured Slider.
- You can customize the Default Feature Post Slider settings like display option, number of post to display, Post Limit etc.

##### How to setup Instagram?

You can add Instagram to any wordpress page/post using Instagram Widget. Before adding Instagram, you need an Instagram account details to integrate with your account. To add Instagram widget, Navigate to Appearance > Widgets. You can find the Widget Instagram in left side of the page. Just drag and drop it in your required area. Click on the Instagram Tab and Enter the details of your Instagram details such as Title, User name, Number of Photos to show, Link Text, Link Target.

##### How to Translate Site into another language?

- You can easily translate Language using Loco translate Refer link: Loco translate

##### How to overrite css?

- You can add or overrite css using Appearance >> Customizer >> Additional Css
- Child Theme >> Style.css
- You can add or overrite the css in above both places.

##### How to change content in copyright section.?

- Theme options >> Footer >> Footer bottom >> Copyright text >> Here you can change your text.

##### How to change Header extra texts, Buttons etc.?

- You can change header Custom text in Theme options.
- Appearance >> Theme options >> Header >> Header logobar >> Custom text1,2,3 Here you can change Texts.
- Same option For header Top and Logo bar too.

##### Theme skin skin color and Fonts not working?

- Its a file permission Issue.
- So fix File permission To 777 for Wp-content folder.

##### Menu not showing in Front end?

- Please check Appearance >> Menu >> your Main manu (Primary menu).
- Bottom Of the page check if it is checked as Primary menu. If not Means check and save the menu.
- Menu will disaply in front end.

##### How to hide Page Title bar?

- You can hide Page Title bar to any page in Page Options settings.
- Just go to the page/post where you want to hide Page Title bar.
- Navigate to Pages > Edit Page or Add New
- Scroll down to see Page Options > Header > Page Title Bar.
- Choose Yes from dropdown to Hide page title bar.

##### How to Enable Live Preview For theme Options?

- You can enable Live Preview for Theme options Changes.
- Wordpress Dashboard >> Elementor Settings >> Bottom of the page >> Enable/Disable Customizer Auto Refresh Option >> Here you can enable.

##### How to Enable Sidebar Sticky?

- You can enable Sidebar Sticky in Widget footer by using Text Widget
- Wordpress Dashboard >> Appearance >> Widget >> Here you can enable by adding below code in Text Widget.
- Set the Position of Form where want to display like top,middle,bottom (Example: align="middle")
- Set the width for the Form. (Example: width="500px")
- Place the icon class. (Example: icon_class="ti-email")
- Place the Shortcode of the Form. (Example: [contact-form-3 id="7245" title="Enquiry Form"])

    [miion_sticky_element align="top" width="300px" position="top" icon_class="ti-email"]
    											[contact-form-7 id="6226" title="Enquiry Form"][/miion_sticky_element]

### For Website Speed

1. Choose a better web hosting provider
2. Optimize / Compress Your Image Before Upload. Make Sure Low size of images.
3. Use Top wordPress cache plugins Like WP Rocket,WP Rocket,WP Super Cache,W3 Total Cache.,WP Fastest Cache
4. Deactivate and Delete, unwanted and unused plugins
5. Minify JS and CSS files
6. Enable GZIP compression
7. Keep external scripts to a minimum and Disable pingbacks and trackbacks

### For Search Engine Optimization

##### Best WordPress SEO Tips & Techniques to Boost Rankings we listed below

1. ##### Set your Permalinks

   WordPress comes with a default permalink settings to allow you to change them as per your convenience and needs. These settings can be found in settings -> permalinks.

2. ##### Create a sitemap for your website

   Your website can contain hundreds of pages and in order to get your web pages indexed by Google, you need to tell Google your website structure. Creating a Google XML sitemap is extremely easy. WordPress offers an extremely useful plugin called Google XML Sitemaps that automatically generates a sitemap of your website which will help search engines to better index your site.

3. ##### Use Google Analytics

   Google Analytics is a popular analytic tool developed and offered by Google. It is absolutely free to use and helps you keep track of your website traffic. The tool lets you know about the traffic source, behavior and various other important attributes that will help you better reach your target audience.
   Google Analytics helps you perform a number of different chores including locating a 404 error page, examining the behavior of your visitors, source of your traffic, combating referral spam and so much more.

4. ##### Use SEO Plugins

   WordPress also offers many SEO Plugins including Yoast SEO, All in One SEO Plugin and so much more that take care of your website and encourage you to add Meta title, Meta description, Meta tags, keywords and more. These plugins offer complete SEO solution that is available for WordPress.

5. ##### Optimize your media

   Media is an important part of any website. However, they can either completely ruin or improve your SEO efforts. How you tag and name your images will determine your SEO. With proper tagging, you are most likely to improve your chances of being ranked higher in image searches.
   Just uploading an image with a complex name isn’t a good SEO practice. When uploading an image to your WordPress website, you get an option to change its title, add a small caption, alt text, and description. Leveraging these options can significantly improve your website’s search engine rankings. It’s important for webmasters to use reverse image search tool for adding quality image on their websites. It will help them to increase organic traffic.

6. ##### Make your content Shareable

   Social Media has gained a huge popularity over the past few years. Today, almost every web user is active on various social media networks such as Facebook, Twitter, LinkedIn, Google+ and so much more. Making your content shareable allows your readers to share it across different social networks while driving huge traffic to your site.Adding social sharing buttons to your website not only drives traffic but also improves your website’s credibility. So, never take the social media power for granted

7. ##### Producing High-Quality Written Content

   What is the most used SEO tactic for enhanced search engine rankings? It’s high quality, user-engaging content.Whether you are running a blog or a corporate website, you are going to need quality content to rank higher in the search engines.The idea of quality content is not only related to a post which is free of grammatical errors and spelling mistakes but also that appeals to the readers.

8. ##### Using Correct Heading Tags

   In regards to good SEO practices, appropriately using heading tags is extremely crucial. However, if you are just a beginner, you might not be aware of heading tags and how to use them correctly.You can see heading tags in your editor, and are allowed to choose from heading 1 to heading 6.But which one to choose? You may ask.The H1 tag must always be employed for the title of the blog post and it is imperative to keep your H1 clear and informative. Your title should tell your readers what exactly your content is about and they must be interested in reading the entire content. Once you have used H1 heading correctly, you would want to use H2 tag for additional headings and then H3 and H4 tags for sub-headings and so on.Using heading tags is not only crucial for best SEO Practices but also for improving user engagement. It gives your users a better idea about your content and captures their attention in no time.

9. ##### Hosting

   Everyone might know the fact that Google ranks a site based on page speed in 2019 and beyond. Apart from using regular SEO techniques, one need to use a good and reliable hosting for their sites. One thing that helped us to rank higher than our competitors is using hosting with SSD drives. Many big hosts like Hostgator, Bluehost use traditional hard drives, while there are some others you can count on like Fastcomet hosting since it comes with SSD drives.

### For Search Engine Optimization

##### Best WordPress Security Tips & Techniques we listed below

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

## Sources and Credits

In this section you can find additional information regarding fonts, clipart, .PSD files used in this theme.

- Fonts:
  1. Used Google Fonts For Full Theme. You can also change any google font.
- Clip art:
  1. IMPORTANT! Please be aware that all clip art images included in this theme are copyrighted to their respective owners and are not available for download with this theme. Clip art images can not be used without express permission from the owner and/or need to be purchased separately.
     Nevertheless, you can request the image IDs/references by contacting our support department.
- PSD Files:
  IMPORTANT! Please note that we do not include theme related `.PSD files` into the theme package, because it might significantly increase the size of a downloadable archive. In case you need these files you can always request them by contacting our support department as well.

Thank you for purchasing our theme. We are happy that you are one of our customers.
If you come up with any theme-related questions that are beyond the scope of this help file, feel free to post them at our support forum at https://zozothemes.ticksy.com/. We will respond as soon as possible (within 24 – 48 hours, usually faster). We are open from 9 am to 6 pm (IST), from Monday till Friday.