StMichael - Documentation

StMichael Documentation

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:

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.
You can install the theme on your test server for testing/development purposes (this installation should not be available to the public).
You can modify or manipulate the theme, you can combine it with other works to create the End Product.
The theme updates for the single End Product (website) are free.

What is not allowed:

With a single regular license you are not allowed to create multiple websites. For multiple websites you will need multiple regular licenses.
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:

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.

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.

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:

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.

There are 2 ways to install the theme:

Via FTP:
1. Log into your web server with FTP client software.
2. Unzip the stmichael.zip file and ONLY use the extracted /stmichael theme folder.
3. Upload the extracted stmichael 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 stmichael.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 StMichael 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.

Elementor Page Builder (required)
Classic Elementor Addons(required)
Contact Form 7

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

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.
Now, activate the plug-ins. Go to Wordpress Dashboard >> stmichael >> plugins and demo Or Wordpress Dashboard >> plugins >> installed plugins , check all the listed plug-ins, choose Activate option and click Apply.

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 stmichael-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.

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

Log into your Zozothemes account and navigate to Downloads tab. Find the theme and download Installable WordPress file only.
Log into your WordPress website and go to Appearance > Themes.
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 Zozothemes during the 1st step.
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.
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 (StMichael)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

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

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.

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.

General Settings

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

Layout Settings:

Customizer > StMichael Theme Options > General > Layout

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

Site Logo's:

Customizer > StMichael Theme Options > General > Site Logo's

This is the setting for Upload a site logo.

Logo - Here you can upload you site logo.
Header Logo Height - Here you can give height for the logo.

Site Identity

Settings of this group are responsible for managing site identity features.

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.

Skin

Customizer > StMichael Theme Options > Skin > 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.

Customizer > StMichael Theme Options > Skin > Body Background

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

Customizer > StMichael Theme Options > Typography > 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.

Header

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

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

Header General

Header Width- Choose header layout boxed or wide.

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..

Header Navbar Items- Needed header Navbar items drag from disabled and put enabled.
Header Navbar Height- Increase or decrease header Navbar 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.
Dropdown Menu Background- Here you can choose Dropdown Menu background color.
Dropdown Menu Link Color- Choose Dropdown Menu link color.
Dropdown Menu Border- Here you can set border. No need to put dimension units like px, em etc. Example 10 10 20 10.

Mobile Menu

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

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 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.

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 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..

Footer Layout- Choose footer layout boxed or wide.
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 Middle

This is the setting for footer Middle section.

Footer Middle Inner Layout- Choose footer Middle layout boxed or wide.
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.
Widget Title Color- Choose footer Middle widgets title color.

Footer Bottom

This is the setting for footer Bottom section.

Footer Bottom Inner Layout- Choose footer bottom layout boxed or wide.
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.
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.
Copyright Text- This is the copyright text. Shown on footer bottom if enable footer bottom in footer items.

Theme Templates

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.

Page Title Option- Enable/Disable page title.
Page Template- Choose your page template.

Blog Template

Page Title Option- Enable/Disable page title.
Blog Page Title - This is a title for blog page
Blog Template- Choose your current blog page template.

Archive Template

Page Title Option- Enable/Disable page title.
Archive Template- Choose your current archive page template.

Single Post Template

Page Title Option- Enable/Disable page title.
Single Post Template- Choose your current Single Post page template.

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 Classic Elementor Add-ons plug-in. You can use them after the plug-in activation.

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

Here You Can Edit Service Single Page Options Dashboard > Classic Elementor > Plugin Options > Service.

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

Here You Can Edit Team Single Page Options Dashboard > Classic Elementor > Plugin Options > Team.

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

Here You Can Edit Event Single Page Options Dashboard > Classic Elementor > Plugin Options > Event.

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

Here You Can Edit Service Single Page Options Dashboard > Classic Elementor > Plugin Options > Portfolio.

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

Here You Can Edit Service Single Page Options Dashboard > Classic Elementor > Plugin Options > Testimonial.

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 content-carousel layout style
Blog Masonry- This is option for content-carousel masonry or normal.
Blog Pagination- Here You can enable Blog pagination
Blog Variation- This is option for content-carousel variatoin either dark or light.
Blog Columns - This is option for content-carousel columns.( 2,3,4)
Post Items- This is settings for content-carousel custom layout. here you can set your own layout. Drag and drop needed content-carousel items to Enabled part.
Post Overlay Items Options- Here you can enable Post overlay
Post Top Meta- This is settings for content-carousel shortcode post top meta.
Post Bottom Meta - This is settings for content-carousel shortcode post bottom meta.
Text Align - This is option for content-carousel text align.
Image Size - Choose thumbnail size for display different size image.
Slide Option - This is option for content-carousel slider option.
Slide Items - This is option for content-carousel slide items shown on large devices.
Items on Tab - This is option for content-carousel slide items shown on tab.
Items on Mobile - This is option for content-carousel slide items shown on mobile.
Auto Play - This is option for content-carousel slider auto play.
Loop - This is option for content-carousel slider loop.
Items Center - This is option for content-carousel slider center, for this option must active loop and minimum items 2.
Navigation- This is option for content-carousel slider navigation.
Pagination - This is option for content-carousel slider pagination.
Items Margin - This is option for content-carousel slider margin space.
Items Duration - This is option for content-carousel slider duration.
Items Smart Speed - This is option for content-carousel slider smart speed.
Items Slideby - This is option for content-carousel slider scroll by.
Items Spacing - Here you can mention each content-carousel 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 content-carousel 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 content-carousel 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 content-carousel slider option.
Slide Items - This is option for content-carousel slide items shown on large devices.
Items on Tab - This is option for content-carousel slide items shown on tab.
Items on Mobile - This is option for content-carousel slide items shown on mobile.
Auto Play - This is option for content-carousel slider auto play.
Loop - This is option for content-carousel slider loop.
Items Center - This is option for content-carousel slider center, for this option must active loop and minimum items 2.
Navigation - This is option for content-carousel slider navigation.
Pagination - This is option for content-carousel slider pagination.
Items Margin - This is option for content-carousel slider margin space.
Items Duration - This is option for content-carousel slider duration.
Items Smart Speed - This is option for content-carousel slider smart speed.
Items Slide by - This is option for content-carousel slider scroll by.
Items Spacing - Here you can mention each content-carousel 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 content-carousel 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 content-carousel 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 content-carousel slider option.
Slide Items- This is option for content-carousel slide items shown on large devices.
Items on Tab- This is option for content-carousel slide items shown on tab.
Items on Mobile- This is option for content-carousel slide items shown on mobile.
Auto Play - This is option for content-carousel slider auto play.
Loop - This is option for content-carousel slider loop.
Items Center- This is option for content-carousel slider center, for this option must active loop and minimum items 2.
Navigation- This is option for content-carousel slider navigation.
Pagination- This is option for content-carousel slider pagination.
Items Margin- This is option for content-carousel slider margin space.
Items Duration - This is option for content-carousel slider duration.
Items Smart Speed - This is option for content-carousel slider smart speed.
Items Slideby- This is option for content-carousel 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 content-carousel 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:

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 content-carousel slider option.
Slide Items - This is option for content-carousel slide items shown on large devices.
Items on Tab - This is option for content-carousel slide items shown on tab.
Items on Mobile- This is option for content-carousel slide items shown on mobile.
Auto Play- This is option for content-carousel slider auto play.
Loop- This is option for content-carousel slider loop.
Items Center - This is option for content-carousel slider center, for this option must active loop and minimum items 2.
Navigation - This is option for content-carousel slider navigation.
Pagination- This is option for content-carousel slider pagination.
Items Margin- This is option for content-carousel slider margin space.
Items Duration - This is option for content-carousel slider duration.
Items Smart Speed - This is option for content-carousel slider smart speed.
Items Slideby - This is option for content-carousel 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 content-carousel 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 content-carousel layout
Recent/Popular Post Variation- This is option for content-carousel variation either dark or light.
Recent/Popular Post Columns- This is option for content-carousel columns.
Post Items- This is settings for content-carousel custom layout. here you can set your own layout. Drag and drop needed content-carousel items to Enabled part.
Post Overlay Items Options- Here you can enable Post overlay
Post Top Meta- This is settings for content-carousel shortcode post top meta.
Post Bottom Meta- This is settings for content-carousel shortcode post Bottom meta.
Text Align- This is option for content-carousel text align.
Image Size- Choose thumbnail size for display different size image.
Items Spacing- Here you can mention each content-carousel 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 content-carousel 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 content-carousel slider option.
Slide Items- This is option for content-carousel slide items shown on large devices.
Items on Tab- This is option for content-carousel slide items shown on tab.
Items on Mobile- This is option for content-carousel slide items shown on mobile.
Auto Play- This is option for content-carousel slider auto play.
Loop - This is option for content-carousel slider loop.
Items Center - This is option for content-carousel slider center, for this option must active loop and minimum items 2.
Navigation- This is option for content-carousel slider navigation.
Pagination- This is option for content-carousel slider pagination.
Items Margin- This is option for content-carousel slider margin space.
Items Duration- This is option for content-carousel slider duration.
Items Smart Speed - This is option for content-carousel slider smart speed.
Items Slideby- This is option for content-carousel 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 content-carousel 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 content-carousel slider option.
Slide Items- This is option for content-carousel slide items shown on large devices.
Items on Tab - This is option for content-carousel slide items shown on tab.
Items on Mobile- This is option for content-carousel slide items shown on mobile.
Auto Play - This is option for content-carousel slider auto play.
Loop- This is option for content-carousel slider loop.
Items Center - This is option for content-carousel slider center, for this option must active loop and minimum items 2.
Navigation- This is option for content-carousel slider navigation.
Pagination- This is option for content-carousel slider pagination.
Items Margin- This is option for content-carousel slider margin space.
Items Duration- This is option for content-carousel slider duration.
Items Smart Speed- This is option for content-carousel slider smart speed.
Items Slide by- This is option for content-carousel 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:

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"]