Correct Theme Documentation

Installation

Through Dashboard
  • Log in to the WordPress Dashboard.
  • Go to Appearance->Themes.
  • Active Correct themes.
Manual Installation using FTP
  • Unzip correct.zip to your Desktop.
  • Using an FTP client to access your host web server. Go to /wp-content/themes/
  • Upload theme to /wp-content/themes/.
  • Go to Appearance->Themes and activate theme from Dashboard.

Home Page Setup

How to Set up Home Page?
  • WordPress Admin -> Appearance -> Customize -> FRONT PAGE -> STATIC FRONTPAGE -> Your Latest Posts

Slider Section

How to Manage Slider?
  • WordPress Admin -> Appearance -> Customize -> FRONT PAGE -> SLIDER
  • Under Heading "Slider Font Typography & Colors" manage slide title, description, button font-family, color, and font-size.
  • When you add new slide instead of default so first removed all slides field data Slide Image, Slide Title, Slide Link, Slide Button than add your new slides data.

Correct Home Sections

How to Manage Home Sections ?
  • First Create Page For Each Sections. Eg: For "Home Section One" Add Page "Top Three Boxes"...
  • So for add new Page under admin pannel click on "Pages" in top left navigation. than click on "Add New".
  • After add pages back on customizer pannel and choose page for section.
  • Check Below Steps:
  • WordPress Admin Appearance -> Customize -> FRONT PAGE -> HOME SECTIONS
  • Below is the screen of Top Three Boxes "Edit Page"
  • Below is the code of all home sections. Just Copy and Paste it in newly created page.
  • Home Section 1 Code:
  • [resource image="http://www.yourwebsite.com/images/services-1.png" title="FULLY RESPONSIVE" readmore="READ MORE..." url="#"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis volutpat dui, in aliquet velit hendrerit sed.[/resource]
    [resource image="http://www.yourwebsite.com/images/services-2.png" title="FRIENDLY SUPPORT" readmore="READ MORE..." url="#"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis volutpat dui, in aliquet velit hendrerit sed.[/resource]
    [resource image="http://www.yourwebsite.com/images/services-3.png" title="RETINA DISPLAY" readmore="READ MORE..." url="#"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis volutpat dui, in aliquet velit hendrerit sed.[/resource]
  • Home Section 2 Code:
  • [service pattern="boxpattern-1" icon="http://yourwebsite.com/wp-content/uploads/2016/08/responsive.png" title="Responsive Layout" go="fa-angle-right" url="#"]Fully 100% responsive and tested with several hand held devices for great mobile friendly and tablet friendly approach.[/service] [service pattern="boxpattern-1" icon="http://yourwebsite.com/wp-content/uploads/2016/08/retina.png" title="Retina Ready Graphics" go="fa-angle-right" url="#"]Fully HD ready and retina ready theme with tested on several higher resolution monitors and devices for sharper view.[/service] [service pattern="boxpattern-1" icon="http://yourwebsite.com/wp-content/uploads/2016/08/performance.png" title="Great Performance" go="fa-angle-right" url="#"]Faster loading theme with speeded up performance and compatibility with cache plugins for optimum approach.[/service] [service pattern="boxpattern-1" icon="http://yourwebsite.com/wp-content/uploads/2016/08/user-friendly.png" title="User Friendly" go="fa-angle-right" url="#"]User friendly with extensive documentation available and access to support forums and email for coder contact.[/service]
  • Home Section 3 Code:
  • [centertitle text="Correct Core Features." titlecolor="#282828" seperatorcolor="#e8e7e7"] [space height="30"] [posts-style2 show="12" cat="1" excerptlength="24"]
  • Home Section 4 Code:
  • [centertitle text="Correct Features." titlecolor="#f9f8f8" seperatorcolor="#f9f8f8"] [space height="30"] [columns size="3"] [featuresleft url="#" title="Page Content Choices" description="Integer felis lectus, bibendum sed diam et placerat malesuada orci. Phasellus mattis tempus orci quis.." ordernumber="5"] [featuresleft url="#" title="Shortcodes and Blocks" description="Integer felis lectus, bibendum sed diam et placerat malesuada orci. Phasellus mattis tempus orci quis.." ordernumber="6"] [featuresleft url="#" title="Language Choices" description="Integer felis lectus, bibendum sed diam et placerat malesuada orci. Phasellus mattis tempus orci quis.." ordernumber="7"] [featuresleft url="#" title="Footer Choices" description="Integer felis lectus, bibendum sed diam et placerat malesuada orci. Phasellus mattis tempus orci quis.." ordernumber="8"] [/columns] [columns size="3"] [featurethumb url="#" image="http://yourwebsite.com/wp-content/uploads/2016/08/features-info.png"] [/columns] [columns size="3"] [featuresright url="#" title="Layout Choices" description="Integer felis lectus, bibendum sed diam et placerat malesuada orci. Phasellus mattis tempus orci quis.." ordernumber="1"] [featuresright url="#" title="Header Choices" description="Integer felis lectus, bibendum sed diam et placerat malesuada orci. Phasellus mattis tempus orci quis.." ordernumber="2"] [featuresright url="#" title="Menu Choices" description="Integer felis lectus, bibendum sed diam et placerat malesuada orci. Phasellus mattis tempus orci quis.." ordernumber="3"] [featuresright url="#" title="Slider Choices" description="Integer felis lectus, bibendum sed diam et placerat malesuada orci. Phasellus mattis tempus orci quis.." ordernumber="4"] [/columns]
  • Home Section 5 Code:
  • [centertitle text="Correct Blocks." titlecolor="#282828" seperatorcolor="#e8e7e7"] [space height="30"] [blocks bgcolor="#ffffff"  icon="http://yourwebsite.com/wp-content/uploads/2016/08/blocks1.png" title="Responsive Layout" readmoretext="Read More" url="#"]Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus.[/blocks] [blocks bgcolor="#f4f3f3"  icon="http://yourwebsite.com/wp-content/uploads/2016/08/blocks2.png" title="Retina Ready" readmoretext="Know More" url="#"]Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus.[/blocks] [blocks bgcolor="#ffffff"  icon="http://yourwebsite.com/wp-content/uploads/2016/08/blocks3.png" title="Great Performance" readmoretext="Check Now" url="#"]Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus.[/blocks] [blocks bgcolor="#f4f3f3"  icon="http://yourwebsite.com/wp-content/uploads/2016/08/blocks4.png" title="User Friendly" readmoretext="Read More" url="#"]Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus.[/blocks] [blocks bgcolor="#f4f3f3"  icon="http://yourwebsite.com/wp-content/uploads/2016/08/blocks3.png" title="Great Performance" readmoretext="Check Now" url="#"]Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus.[/blocks] [blocks bgcolor="#ffffff"  icon="http://yourwebsite.com/wp-content/uploads/2016/08/blocks4.png" title="User Friendly" readmoretext="Read More" url="#"]Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus.[/blocks] [blocks bgcolor="#f4f3f3"  icon="http://yourwebsite.com/wp-content/uploads/2016/08/blocks1.png" title="Responsive Layout" readmoretext="Read More" url="#"]Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus.[/blocks] [blocks bgcolor="#ffffff"  icon="http://yourwebsite.com/wp-content/uploads/2016/08/blocks2.png" title="Retina Ready" readmoretext="Know More" url="#"]Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus.[/blocks]
  • Home Section 6 Code:
  •  [columns size="2"] [/columns] [columns size="2"][space height="30"][squarebox image="http://yourwebsite.com/images/blocks1.png" title="MOBILE FRIENDLY" url="#" target="blank"][squarebox image="http://yourwebsite.com/images/images/color-picker.png" title="COLOR PICKER" url="#" target="blank"][squarebox image="http://yourwebsite.com/images/ample-shortcodes.png" title="AMPLE SHORTCODES" url="#" target="blank"][squarebox image="http://yourwebsite.com/images/page-builder.png" title="PAGE BUILDER" url="#" target="blank"][squarebox image="http://yourwebsite.com/images/fully-documented.png" title="FULLY DOCUMENTED" url="#" target="blank"][squarebox image="http://yourwebsite.com/wp-content/themes/correct/images/translation-ready.png" title="TRANSLATION READY" url="#" target="blank"][space height="10"][/columns]
  • Home Section 7 Code:
  • [centertitle text="Correct Team." titlecolor="#282828" seperatorcolor="#e8e7e7"] [space height="30"] [ourteamexpanded show="4"]
  • Home Section 8 Code:
  • [centertitle text="Build amazing sites using Correct Shortcodes." titlecolor="#ffffff" seperatorcolor="#ffffff"] <img src="http://yourwebsite.com/images/correct-shortcodes.png" alt="correct-shortcodes" width="1223" height="361" class="aligncenter nobottom size-full wp-image-1917" />
  • Home Section 9 Code:
  • [centertitle text="Correct is also compatible with." titlecolor="#282828" seperatorcolor="#e8e7e7"]
    [space height="30"]
    [perfectbox image="http://yourwebsite.com/wp-content/uploads/2016/09/woo-thumb.png" title="WOOCOMMERCE" description="for building advanced shops" url="#" target="self"]
    [perfectbox image="http://yourwebsite.com/wp-content/uploads/2016/09/thumb-translate.png" title="Q TRANSLATE X" description="for language translation" url="#" target="self"]
    [perfectbox image="http://yourwebsite.com/wp-content/uploads/2016/09/con7-thumb.png" title="CONTACT FORM 7" description="for building great forms" url="#" target="self"]
    [perfectbox image="http://yourwebsite.com/wp-content/uploads/2016/09/thumb-mailchimp.png" title="MAILCHIMP" description="for mailing campaigns" url="#" target="self"]
    [perfectbox image="http://yourwebsite.com/wp-content/uploads/2016/09/event-thumb.png" title="THE EVENT CALENDAR" description="for better organization" url="#" target="self"]
    [perfectbox image="http://yourwebsite.com/wp-content/uploads/2016/09/bb-thumb.png" title="BBPRESS" description="for social sharing" url="#" target="self"]
    [perfectbox image="http://yourwebsite.com/wp-content/uploads/2016/09/woo-thumb.png" title="WOOCOMMERCE" description="for building advanced shops" url="#" target="self"]
    [perfectbox image="http://yourwebsite.com/wp-content/uploads/2016/09/thumb-translate.png" title="Q TRANSLATE X" description="for language translation" url="#" target="self"]
    [perfectbox image="http://yourwebsite.com/wp-content/uploads/2016/09/con7-thumb.png" title="CONTACT FORM 7" description="for building great forms" url="#" target="self"]
  • Home Section 10 Code:
  • <div class="columns-2"><div class="center-title"><h2 style="color:#ffffff">4 Correct Header Styles.</h2><span style="border-bottom-color:#ffffff"></span></div><div style="height:50px;" class="spacecode"></div><div class="columns-2"><div class="blockbox"><a target="_self" href="https://www.pinnaclethemes.net/themedemos/correct/header-layout-1/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/header-style-1.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">HEADER STYLE 1</h4></div></a></div></div><div class="columns-2"><div class="blockbox"><a target="_self" href="https://www.pinnaclethemes.net/themedemos/correct/header-layout-2/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/header-style-2.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">HEADER STYLE 2</h4></div></a></div></div><div class="clear"></div><div class="columns-2"><div class="blockbox"><a target="_self" href="https://www.pinnaclethemes.net/themedemos/correct/header-layout-3/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/header-style-3.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">HEADER STYLE 3</h4></div></a></div></div><div class="columns-2"><div class="blockbox"><a target="_self" href="https://www.pinnaclethemes.net/themedemos/correct/header-layout-4/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/header-style-4.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">HEADER STYLE 4</h4></div></a></div></div></div><div class="columns-2"><div class="center-title"><h2 style="color:#ffffff">4 Correct Footer Styles.</h2><span style="border-bottom-color:#ffffff"></span></div><div style="height:50px;" class="spacecode"></div><div class="columns-2"><div class="blockbox"><a target="_self" href="https://www.pinnaclethemes.net/themedemos/correct/footer-layout-1/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/footer-style-1.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">FOOTER STYLE 1</h4></div></a></div></div><div class="columns-2"><div class="blockbox"><a target="_self" href="https://www.pinnaclethemes.net/themedemos/correct/footer-layout-2/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/footer-style-2.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">FOOTER STYLE 2</h4></div></a></div></div><div class="clear"></div><div class="columns-2"><div class="blockbox"><a target="_self" href="https://www.pinnaclethemes.net/themedemos/correct/footer-layout-3/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/footer-style-3.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">FOOTER STYLE 3</h4></div></a></div></div><div class="columns-2"><div class="blockbox"><a target="_self" href="https://www.pinnaclethemes.net/themedemos/correct/footer-layout-4/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/footer-style-4.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">FOOTER STYLE 4</h4></div></a></div></div></div>
  • Home Section 11 Code:
  • [centertitle text="4 Correct Blog Templates." titlecolor="#282828" seperatorcolor="#e8e7e7"] [space height="20"] <p style="text-align: center;">You can use different blog Templates for your website</p> [space height="20"] [columns size="4"][blockbox url="#" image="http://yourwebsite.com/wp-content/uploads/2016/09/blog-right-sidebar.png" title="BLOG RIGHT SIDEBAR" titlecolor="#000000" target="self"][/columns][columns size="4"][blockbox url="#" image="http://yourwebsite.com/wp-content/uploads/2016/09/blog-left-sidebar.png" title="BLOG LEFT SIDEBAR" titlecolor="#000000" target="self"][/columns][columns size="4"][blockbox url="#" image="http://yourwebsite.com/wp-content/uploads/2016/09/blog-full-width.png" title="BLOG FULL WIDTH" titlecolor="#000000" target="self"][/columns][columns size="4"][blockbox url="#" image="http://yourwebsite.com/wp-content/uploads/2016/09/blog-no-sidebar.png" title="BLOG NO SIDEBAR" titlecolor="#000000" target="self"][/columns]
  • Home Section 12 Code:
  • [centertitle text="People Love Correct." titlecolor="#000000" seperatorcolor="#e8e7e7"] [space height="5"] <p style="text-align: center;">Why Correct is a Top Seller theme in 2016.</p> [testimonials-rotator show="7"]
  • Home Section 13 Code:
  • [centertitle text="Correct Partners." titlecolor="#000000" seperatorcolor="#e8e7e7"] [space height="50"] [client url="#" image="http://yourwebsite.com/wp-content/uploads/2016/09/wp.png"] [client url="#" image="http://yourwebsite.com/wp-content/uploads/2016/09/jquery.jpg"] [client url="#" image="http://yourwebsite.com/wp-content/uploads/2016/09/woocommerce.jpg"] [client url="#" image="http://yourwebsite.com/wp-content/uploads/2016/09/bbpress-client.jpg"] [client url="#" image="http://yourwebsite.com/wp-content/uploads/2016/09/mysql.jpg"] [client url="#" image="http://yourwebsite.com/wp-content/uploads/2016/09/jquery.jpg"]

Multilingual

How to make translate ready ?
  • First Install Plugin qTranslate X from WordPress plugin.
  • Used following code for making text translate ready : [:en]English Text[:de]Deutsch Text[:]
  • Viewing in Dutch used website url : http://www.yourwebsiteurl.com/de/
  • Viewing in English used website url : http://www.yourwebsiteurl.com/en/
  • Check below screen shot for making slider translation ready.

  • Dutch Translated
    English Translated

Basic Options

Customize Basic Options
  • Click on Appearance>Customize>Basic
  • Basic
    • SITE LAYOUT
    • Site Layout Boxed
    • COLORS OPTIONS
    • Managed Following Under Color Options:
    • Site Background Color
      Site Background Image
      Site content Text Color
      Other Elements Background
      Other Elements Text Color
      Default Anchor Color
      Default Anchor Hover Color
      H1, H2, H3, H4, H5, H6 Color
      H1, H2, H3, H4, H5, H6 Hover Color
      Team Box Background Color
      Social Icon Bgcolor
      Social Icon Hover Bgcolor
      Testimonial Box Bgcolor
      Testimonial Pager Color
      Testimonial Active Pager Color
      Gallery Active Filter Bgcolor
      Skills Bar Background Color
      Skills Bar Text Color
      Post Title Color
      Sidebar Widgets Background Color
      Sidebar Widget Title Color
      Sidebar Widget Text Color
      Sidebar Widget Link Color
    • FONT TYPOGRAPHY
    • Managed Following Under Font Typography:
    • Site Content Font [family, subsets, size]
      H1, H2, H3, H4, H5, H6 [family, subsets, size]
      Turn All Headings to Uppercase
    • CUSTOM CSS
    • SITE IDENTITY

Header Option

Customize Header Options
  • Click on Appearance>Customize>Header
  • Header
    • HEADER
    • We also use widget for top right and top left instead of customize header option.
    • SITE TITLE
    • SITE LOGO
    • HEADER LAYOUT

Inner Page Header

Inner Page & Posts Header

  • First on custom field option from page & posts edit screen. if it is not on.
  • Add embeded map, shortcode Or any video code in header instead of feauted image page & post header. create custom field with name "headercode" and put code in custom box.

Post & Page Options

Customize Post & Page Options
  • Click on Appearance>Customize>Post & Page
  • Post & Page
    • POSTS SETTINGS
    • SINGLE POST LAYOUT
    • PAGE HEADER SETTINGS
    • Page Header With Featured Image
    • If page have not assign featured image. so from page header settings have set background color or background image for header. also there is have hide page header option for hide header.
    • BLOG PAGE SETTINGS
    • CONTACT PAGE SETTINGS

Customize Buttons

Customize Section Buttons

  • Click on Appearance>Customize>Sections Buttons
  • Section Buttons
    • SECTION BLOCKS BUTTON

Page Templates

Page Templates

  • Default Template
    • Helps in setting up the content on any page with Right Sidebar
  • Page Left Sidebar
    • Helps in setting up the content on any page with Left Sidebar
  • Page No Sidebar
    • Helps in setting up the content on any page No Sidebar
  • Page Full Width
    • Helps in setting up the content on any page without Sidebar
  • Contact Layout1 & Contact Layout2
    • Select page template for set contact page layout.
  • Testimonials
    • Select testimonials template for showing all testimonials.

Testimonials Page Setup

Set up Testimonials page

  • Set up by using Page Template:

Contact page Setup

Set up Contact page

  • Set up by using Page Template:

Setup Blog Page

Setup Blog page

  • Set up by using Page Template Blog on any page to show blog posts
  • Blog Full Width, Blog Left Sidebar, Blog No Sidebar, Blog Right Sidebar page templates

Set up Sidebar

Set up Sidebar

  • Go to Appearance->Widgets->Page Sidebar
  • Go to Appearance->Widgets->Blog Sidebar
  • Drag and Drop anythings you want also text widget drag and drop write thire anythings you want.

Disable Page Comments

Disable Page Comments

  • All you need to do is go to that page after Log into WordPress dashboard. Scroll down and check the section: Discussion (if not able to see check above Screen Options to show Comments).
  • Uncheck the box: Allow Comments and click on Update.
  • If you want to remove comments sidewide on Pages use this plugin: “Disable Comments” https://wordpress.org/plugins/disable-comments/

Setting up Shop

Setting up Shop

  • Go to Plugins -> Add New in the WordPress Admin panel
  • Type WooCommerce is search box and click on search button
  • Install and then Activate the plugin.
  • It will ask whether to set up default pages. Kindly click on setting up default pages of the WooCommerce
  • That’s it now you can go to shop page and check the default product.

Correct Shortcodes

Shortcodes

  • Resource Box:
  • [resource image="http://www.yourwebsite.com/images/services-1.png" title="FULLY RESPONSIVE" readmore="READ MORE..." url="#"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis volutpat dui, in aliquet velit hendrerit sed.[/resource] [resource image="http://www.yourwebsite.com/images/services-2.png" title="FRIENDLY SUPPORT" readmore="READ MORE..." url="#"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis volutpat dui, in aliquet velit hendrerit sed.[/resource] [resource image="http://www.yourwebsite.com/images/services-3.png" title="RETINA DISPLAY" readmore="READ MORE..." url="#"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis volutpat dui, in aliquet velit hendrerit sed.[/resource]
  • Testimonial Rotator:
  • [testimonials-rotator show="3"]
  • Testimonial Box:
  • [testimonials-box col="3" show="3"]
  • Our Team:
  • [ourteam col="4" show="4" excerptlength="10"]
  • [ourteam col="3" show="3" excerptlength="10"]
  • [ourteam col="2" show="2" excerptlength="10"]
  • [ourteam col="1" show="1" excerptlength="10"]
  • col="4" means four columns in a single row and show="3" means number of team member show.
  • [ourteam col="4" show="4" excerptlength="10"]
  • [ourteam col="3" show="3" excerptlength="10"]
  • [ourteam col="2" show="2" excerptlength="10"]
  • [ourteam col="1" show="1" excerptlength="10"]
  • Services:
  • [service pattern="boxpattern-1" icon="image.jpg" title="Title" go="fa-angle-right" url="#"]Description[/service]
  • [service pattern="boxpattern-2" icon="image.jpg" title="Title" go="fa-angle-right" url="#"]Description[/service]
  • [service pattern="boxpattern-3" icon="image.jpg" title="Title" go="fa-angle-right" url="#"]Description[/service]
  • [service pattern="boxpattern-4" icon="image.jpg" title="Title" go="fa-angle-right" url="#"]Description[/service]
  • Clear:
  • [clear]
  • Photo Gallery:
  • [photogallery filter="true"]
  • Show Without Filters Use Shortcode : [photogallery filter="false"]
  • Photo Gallery Carousel:
  • [gallery-carousel]
  • Recent Posts:
  • [posts-style1 show="4" cat="1" excerptlength="24"]
  • [posts-style2 show="2" cat="1" excerptlength="24"]
  • Above listed two types of posts style shortcode.
  • [posts-style1 show="4" cat="1" excerptlength="24"] "show=4" means display four posts if you want to display 6 or 8 or etc. so just change show=6 or show=8. and "excerptlength=24" set box character length. and "cat=1" ID of display posts category
  • [posts-style2 show="2" cat="1" excerptlength="24"] "show=2" means display two posts if you want to display 4 or 6 or etc. so just change show=4 or show=6. and "excerptlength=24" set box character length. and "cat=1" ID of display posts category
  • Post Timeline:
  • [posts-timeline show="4" cat="1" excerptlength="24"]
  • Post Grid:
  • [posts-grid show="4" cat="1" excerptlength="24"]
  • Skill:
  • [skill title="HTML" percent="80" bgcolor="#a0ce4e"][skill title="Wordpress" percent="99" bgcolor="#a0ce4e"][skill title="Web Design" percent="90" bgcolor="#a0ce4e"][skill title="Web Development" percent="95" bgcolor="#a0ce4e"][skill title="Responsive" percent="85" bgcolor="#a0ce4e"]
  • Clients
  • [client url="#" image="image url"]
  • Social Icons
  • [social_area] [social icon="facebook" link="#"] [social icon="twitter" link="#"] [social icon="google-plus" link="#"] [social icon="linkedin" link="#"] [social icon="pinterest" link="#"] [/social_area]
  • Flip Box
  • Horizontal Flip:
    [flipbox fliptype="h" frontimage="http://www.yoursite.com/wp-content/themes/correct/images/model-429733_640.jpg" fronttitle="The Front Title" frontdescription="Some Lorem Content Description Goes Here" backtitle="The Back Title" backdescription="This is the back description for testing purpose will added some dummy description text. This is the back description for testing purpose will added some dummy description text.This is the back description for testing purpose will added some dummy description text." backurl="#" backbutton="Read More"]
  • Vertical Flip:
    [flipbox fliptype="v" frontimage="http://www.yoursite.com/wp-content/themes/correct/images/person-822552_1280.jpg" fronttitle="The Front Title" frontdescription="Some Lorem Content Description Goes Here" backtitle="The Back Title" backdescription="This is the back description for testing purpose will added some dummy description text. This is the back description for testing purpose will added some dummy description text.This is the back description for testing purpose will added some dummy description text." backurl="#" backbutton="Read Now"]
  • Dividers:
  • [divider style="divider1"]
  • [divider style="divider2"]
  • [divider style="divider3"]
  • [divider style="divider4"]
  • [divider style="divider5"]
  • [divider style="divider6"]
  • [headingdivider text="Heading Title"]
  • Promotion Box:
  • [promobox1 bgcolor="#f7f7f7" topbordercolor="#a0ce4e" otherbordercolor="#e8e6e6"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/promobox1]
  • [promobox2 bgcolor="#f7f7f7" leftbordercolor="#a0ce4e" button="Hello Text" url="#"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/promobox2]
  • [promobox3 bgcolor="#f7f7f7" bottombordercolor="#a0ce4e" button="Hello Text" url="#"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/promobox3]
  • [promobox4 bgcolor="#f7f7f7" bordercolor="#a0ce4e"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/promobox4]
  • [squarebox image="image" title="title" url="#" target="blank"]
  • [ourteamexpanded show="4"]
  • [perfectbox image="image" title="title" description="description" url="#" target="blank"]
  • [blockbox url="url" image="image" title="title" titlecolor="titlecolor" target="self"]
  • [centertitle text="text" titlecolor="#000000" seperatorcolor="#000000"]
  • [headingseperator text="text"]
  • [boxthumb name="name" url="#" image="image" target="blank"]
  • Column Shortcodes:
  • Two Columns:
  • [row] [columns size="1/2"]

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut commodo congue laoreet. Nullam cursus pretium nulla

    [/columns] [columns size="1/2"]

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut commodo congue laoreet. Nullam cursus pretium nulla

    [/columns] [/row]
  • Three Columns:
  • [row] [columns size="1/3"]

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut commodo congue laoreet. Nullam cursus pretium nulla

    [/columns] [columns size="1/3"]

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut commodo congue laoreet. Nullam cursus pretium nulla

    [/columns] [columns size="1/3"]

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut commodo congue laoreet. Nullam cursus pretium nulla

    [/columns] [/row]
  • For Other columns size like 4, 5, 6, 7, 8, 9, or 10 just change size in shortcode for four columns: size="1/4", for five columns: size="1/5", for six columns: size="1/6", for seven columns: size="1/7" , for eight columns: size="1/8", for nine columns: size="1/9", for ten columns: size="1/10"
  • Columns Padding:
  • You can also set padding of columns with following shortcodes:
  • [row] [columns size="1/2" toppadding="10px" bottompadding="10px" rightpadding="10px" leftpadding="10px"] [/columns] [/row]
  • Chagne Padding px As per your settings.