Documentation
An overview of ConsultAid, how to install and use, theme options and examples, and more.
An overview of ConsultAid, how to install and use, theme options and examples, and more.
We would like to thank you for purchasing ConsultAid!
This documentation file helps you to understand the whole theme concept and how it works. You should read all sections of the file before start your work. Here have multiple detailed explain of elements, theme sections and included video tutorials.
If you have any questions that are beyond the scope of this help file, please check out and search for Forum page.
After that you still can't find the solution yet, please leave a ticket on Support system then support agents help your issue.
Surely you have already installed WordPress on your server. If you don't installed it yet and you are new to WP and have problems installing it, you might want to check out following tips.
You need to download theme files after you've purchased the it. Following image describes downloads section of the item and you have 2 download choices.
Downloading All Files gives you a all-files.zip file with all the content listed below
Downloading the installable WordPress theme only gives you the ConsultAid.zip file.
You can either choose to upload the theme via WordPress upload function or via ftp to your site.
Appearance -> Themes
Install Themes
tabConsultAid.zip
file (it is located in the folder you've downloaded from ThemeForest).Install Now
buttonwp-content -> themes
directoryAppearance -> Themes
of your dashboard and Activate the theme.After the activation you see this notice at top of your dashboard. This theme requires those three additional plugins and you need to install those.
Please click on Begin installing plugins.
Envato Toolkit plugin requires MarketPlace username and API Key. You can get API key from your Settings tab of ThemeForest account. Lets provide those infomation and get theme update anytime and easily.
You can get latest theme version easily with this Themes section after a while.
Theme has dedicated data option. You should click one of those link and select your desired home page layout. Action will set few important tasks including selection of Home page, Main navigation setting and Sidebar widgets when you click on Import Demo Data button.
Please wait for a while until imports all the content.
Previous option helps you to include minimized demo content on your site reason for quick include. But you can have full demo data with regular XML data imports.
Please make sure you backup your existing theme folder before updating. Additionally we recommend performing the update on a development site before making it on your live site.
Hope you have provided your account information in Envato Toolkit plugin. If you go to the plugin page, you'll see similar to following image. Let's click on Update automatically link at right bottom. This is a most efficienat and easy way to integrate latest verion on your site.
After clicking to auto-update, you’ll see the confirmation that everything worked correctly.
Go to the Appearance => Themes and activate another theme than ConsultAid such as TwentyTwelve, TwentyThirteen or ConsultAid child theme. Delete the old version of the theme because folder name existing error comes up when we try to install it without deletion. Then install the theme again as you see early in this documentation.
Usually updating a theme means replacing the old files with the new ones. You can see changelog.txt file from the new download archive and you can get updated files list as modified/added and deleted. Upload and overwrite those files on your theme directory.
If theme changed lots of files and you really hard to collect changed files, there is a better way to do it when it comes to WordPress themes.
WordPress treats two version of the same theme as different themes. That is, if you have ConsultAid v1.2 and v1.3 in your wp-content/themes folder they are treated as two different themes independent of each other.
That means you can have multiple version of the same theme installed on your blog. So whenever there is a new version of your theme available, instead of replacing or deleting the files of the older version follow this procedure.
The main advantage of following the above procedure is you can quickly switch back to the old version of the theme if you find any problems with the new version or if it clashes with any plugins you are using.
Theme Option panel has many options those help you to control your site. You have to know only where your desired options exist and how they are capable of. Please take some time to navigate through each tab and read options' description.
Group | Class | Description |
---|---|---|
General | ||
Header layout | You can choose between Wide, Boxed or Attached layout. | |
Attached layout top space | only works with Attached Layout. | |
Attached layout bottom space | Only works with Attached Layout. | |
Body background | Upload body background image. | |
Content area top space | Add space for main content top side. | |
Content area bottom space* | Add space for main content bottom side. | |
Colors | Brand Primary Color | The color that styles active menu, links & hover, pagination and much. But if the color doesn't fit for your area, you can set correct one at specific areas. Those customizations won't be overwritten by this. |
Title Heading Color | Here you can select title color here. | |
Text color | Here you can select text color. | |
Ancient 1 Color | Supportive color for brand color | |
Ancient 2 Color | ||
Body Background Color | Here you can select of body background color. | |
Boxed Area Background Color | Here you can select of boxed area background color. | |
Menu text color | You can change your menu text color here. | |
Menu Bar Bakcground color | Here you can change menu background color. | |
Top bar background color | ||
Sub menu background color | You can change submenu background color here | |
Sub menu text color | You can change your sub menu text color here. | |
Page title text color | You can change your page title text color here. | |
Footer Background Color | You can change your footer background color. | |
Footer title Color | You can change your footer title color. | |
Footer text Color | You can change your footer text color. | |
Font |
||
Logo font | Select your text logo font. | |
Body font | Select your body main font. | |
Menu font | Select your menu font. | Sub menu font | Select your sub menu font. |
Page title font | Select your page title font. | |
H1-H6 font | Select your typography font. | |
Sidebar title font | Select your sudebar title font. | |
Footer title font | Select your footer title font. | |
Header styles
| ||
Header layout(menu style) | Select your header menu styles. | |
Logo image | Upload logo image. | |
Header height | Customzie header height. | |
Header sticky | On & off header sticky. | |
Email address prefix text | Works with only Header layout 1,3 and 4. | |
Email address | Works with only Header layout 1, 3 and 4. | |
Phone number prefix text | Works with only Header layout 3 and 4. | |
Phone number | Works with only Header layout 3 and 4. | |
Page title | ||
Page title | Enable or disable page title. | |
Page Title Background | Change page title background color or upload background image. | |
Page title top padding | Configure page title top space. | |
Page title bottom padding | Configure page title bottom space. | |
Custom text | Add custom text here. | |
Page Title Layout Manager | Pease drag and drop your possible elements into your 3 column sections. | |
Footer | ||
Footer | Enable or disable page title. | |
Footer Background | Change footer background color or upload background image. | |
Footer logo optional | Upload footer logo. | |
Footer top layout manager | Please drag and drop your possible elements into your 3 column sections. | |
Footer widget area layout | Select footer layout columns. | |
Sub Footer Layout Manager | Pease drag and drop your possible elements into your 3 column sections. | |
Copyright text | Customize copyright text. | |
Custom text | You can allow some links or image markup in this field.. | |
Post | ||
Post layout | Declare default post layout. | |
Post right sidebar | Declare default right sidebar area. | |
Post left sidebar | Declare default right sidebar area. | |
Related posts | Please turn this off (uncheck) if you want to disable it. | |
Related post number | Customize related post number. | |
Top featured image | Please turn this off (uncheck) if you want to disable it. | |
Next & Previous link | Please turn this off (uncheck) if you want to disable it. | |
Author info box | Please turn this off (uncheck) if you want to disable it. | |
Post meta box | Please turn this off (uncheck) if you want to disable it. | |
Page | ||
Page layout | Declare default page layout. | |
Page right sidebar | Declare default right sidebar area. | |
Page left sidebar | Declare default right sidebar area. | |
Top featured image | Please turn this off (uncheck) if you want to disable it. | |
Author info box | Please turn this off (uncheck) if you want to disable it. | |
Page meta box | Please turn this off (uncheck) if you want to disable it. | |
Portfolio | ||
Portfolio main page | Select your main portfolio page. | |
Portfolio Detail Page Layout | Declare default post layout. | |
Portfolio right sidebar | Declare default right sidebar area. | |
Portfolio left sidebar | Declare default right sidebar area. | |
Top featured image | Please turn this off (uncheck) if you want to disable it. | |
Related portfolio number | Customize related portfolio post number. | |
Social shares | Please turn this off (uncheck) if you want to disable it. | |
Next & Previous link | Please turn this off (uncheck) if you want to disable it. | |
Author info box | Please turn this off (uncheck) if you want to disable it. | |
Portfolio Meta Details | Please turn this off (uncheck) if you want to disable it. | |
Portfolio Description | Please turn this off (uncheck) if you want to disable it. | |
Portfolio Category layout | Select portfolio category styles. | |
Excerpt length | Customize excerpt length. | |
Archive, Category & Tags Layout | ||
Archive layout | Declare archive default layout. Specially for all regular sections including index page and custom taxonomy etc. | |
Archive page right sidebar | Declare default right sidebar area. | |
Archive page left sidebar | Declare archive default style.. | |
Archive post style | Please turn this off (uncheck) if you want to disable it. | |
Archive Meta Details | Please turn this off (uncheck) if you want to disable it. | |
Sidebar | ||
Sidebars | Please add your custom sidebars here and insert widgets on Appearance => Widgets. Left and Right sidebars are permanently and won't be deleted. | |
Custom CSS | ||
Custom CSS | Add custom css here | |
Tablet CSS | Screen width between 768px and 985px | |
Wide Phone CSS | Screen width between 481px and 767px. Ex: iPhone landscape. | |
Phone CSS | Screen width up to 480px. Ex: iPhone portrait. | |
Social Media | ||
Social shares | Enable or disable social profiles such as facebook, twitter etc. | |
Social shares visibility | Enable or Disable social profiles page,post and portfolio. | |
Social links | Add your social with link address those separated by pipe. Possible options: Blogger, Deviantart, Digg, Dribbble, Dropbox, Facebook, Flickr, Forrst, Google+, Instagram, LinkedIn, Myspace, Paypal, Pinterest, Reddit, RSS, Skype, Soundcloud, Spotify, Tumblr, Twitter, Vimeo, VK, Xing, Yahoo, Yelp, Youtube, Email and Custom link. | |
Export/Import | ||
Import Options | Input your backup file below and hit import to restore your site options from a backup. | |
Export Options | Here you can copy/download your current option settings. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other site). |
After the installation, you can configure something on following place for Visual Composer. You might want to allow VC for your custom post types initially.
Visual composer has tons of elements that presents content view. But our theme has more advanced elements that enriches this beautiful theme. Please hit on the tab and find elements and use them for your need. Every element has a purpose and detailed options. You can see their live result on the demo pages. Enjoy :)
Tutorial for price table element.
Tutorial for blog post element.
Tutorial for service icon and alternate box element.
Tutorial for testimonial element.
Group | Description |
---|---|
Accordian element | Add accordians with arrow style. |
Alert box | Add highlighted message here. |
Card element | Add service card here. |
ConsultAid Button | Insert button with custom link. |
Blog Post | Insert your blogs with column layout. |
CEO Team | Show your teammates with boxed layout. |
ConsultAid Industries | Show your services with background image. |
Quick form | Insert contact form shortcode in input. |
Consult team | Show your teammates with slider. |
ConsultAid Text Clip | Add your text with google font style. |
Contact Bar | Add manual contact information. |
Counter | Add counter with url. |
Hiring | Add your hiring information with url and contact form shortcode to the element. |
Icon list | Show icons with list style. |
Icon box | Insert a icon. |
Portfolio | Insert portfolio posts with pagenation. |
Pricetable | Insert product informations with url. |
Project slider | Insert your sliders with featured and standard style. |
Service box | Insert your service information here. |
Service icon | Insert your icon with custom link. |
Tab | Insert your information with tabs. |
Testimonial | Add testimonies with sliders. |
Testimonial single | Insert single testimonial box. |
Testimonial grid | Insert testimonial with grid style. |
Menu system works through WordPress core functions. Then I hope you don't have any trouble with it. We extended menu options with a few options such as Menu Icon and Mega menu options. Please look at next images and follow the steps for your menu.
You'll find Revolution Slider option at bottom of your admin dashboard. Choose the import slider option to import full demo slider.
Choose slider revolution file from dummy-data folder.
Finally, import the slider.
Our theme is compatible with Contact form 7 and please put following markup on the Form field of your form. Then your form turns similar into our style that presents on Contact page.
Contact_Us form
<div class="uk-grid-small form-with-icons" uk-grid> <div class="uk-width-1-1@m uk-text-center"><h1>Say Hello</h1></div> <div class="uk-width-1-2@m"><div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon" uk-icon="icon: user"></span>[text* text-545 class:uk-input placeholder "Your Name*"]</div></div> <div class="uk-width-1-2@m"><div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon" uk-icon="icon: mail"></span>[email* email-916 class:uk-input placeholder "Email Address*"]</div></div> <div class="uk-width-1-2@m"><div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon" uk-icon="icon: phone"></span>[tel* tel-181 class:uk-input placeholder "Phone*"]</div></div> <div class="uk-width-1-2@m"><div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon" uk-icon="icon: cog"></span>[select* menu-582 class:uk-select "Services*" "Money exchange" "Boosting business"]</div></div> <div class="uk-width-1-1@m"><div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon textarea-icon" uk-icon="icon: comment"></span>[textarea* textarea-684 class:uk-textarea class:uk-height-small placeholder "Message*"]</div></div> <div class="uk-width-1-1@m uk-text-center">[submit class:uk-button class:uk-button-default "SUBMIT NOW"]</div> </div>
Contact_2 form
<div class="uk-grid-small form-with-icons" uk-grid> <div class="uk-width-1-1@m uk-text-center"><h1>Say Hello</h1></div> <div class="uk-width-1-1@m"><div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon" uk-icon="icon: user"></span>[text* text-546 class:uk-input placeholder "Your Name*"]</div></div> <div class="uk-width-1-1@m"><div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon" uk-icon="icon: mail"></span>[email* email-917 class:uk-input placeholder "Email Address*"]</div></div> <div class="uk-width-1-1@m"><div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon" uk-icon="icon: phone"></span>[tel* tel-182 class:uk-input placeholder "Phone*"]</div></div> <div class="uk-width-1-1@m"><div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon" uk-icon="icon: cog"></span>[select* menu-583 class:uk-select "Services*" "Money exchange" "Boosting business"]</div></div> <div class="uk-width-1-1@m"><div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon textarea-icon" uk-icon="icon: comment"></span>[textarea* textarea-685 class:uk-textarea class:uk-height-small placeholder "Message*"]</div></div> <div class="uk-width-1-1@m uk-text-center">[submit class:uk-button class:uk-button-default "SUBMIT NOW"]</div> </div>
You can have subscribe form by MailChimp for WordPress plugin. Install the plugin and add a widget instance on footer sidebar area.
Sometimes hard to implement small css features by predefined options. Then we've prepared some helpful classes those can used on any custom places and style your content. Most of page builder elements have Extra class field and you can allow following classes on them.
Helper classes | CSS for colors |
---|---|
color-brand |
Change your item color by brand color in theme options. Brand color is that styles active menu and button etc. |
color-brand-bg |
Change your item background color by brand color in theme options. |
color-ancient |
Change your item color by ancient color in theme options. |
color-title |
Change your title color by color title in theme options. |
color-text |
Change your text color by color text in theme options. |
text-light,.text-white |
Change your text color to white color. |
text-gray, .text-grey |
Change your text color to gray color. |
background-gray |
Change your item background color to gray color. |
Helper classes | CSS for width |
---|---|
width-auto |
Change your item width to auto. |
full-size |
Change your item width to full-size. |
text-thin, .text-100 |
Change your text font-weight to 100. |
text-thin, .text-300 |
Change your text font-weight to 300. |
text-thin, .text-400 |
Change your text font-weight to 400. |
text-thin, .text-600 |
Change your text font-weight to 600. |
text-thin, .text-700 |
Change your text font-weight to 700. |
text-thin, .text-800 |
Change your text font-weight to 800. |
text-thin, .text-900 |
Change your text font-weight to 900. |
Helper classes | CSS for font |
---|---|
font12 |
Change your item font size to 12px. |
font14 |
Change your item font size to 14px. |
font16 |
Change your item font size to 16px. |
font18 |
Change your item font size to 18px. |
font20 |
Change your item font size to 20px. |
font22 |
Change your item font size to 22px. |
font24 |
Change your item font size to 24px. |
font26 |
Change your item font size to 26px. |
font28 |
Change your item font size to 28px. |
font30 |
Change your item font size to 30px. |
font32 |
Change your item font size to 32px. |
font36 |
Change your item font size to 36px. |
font40 |
Change your item font size to 40px. |
font44 |
Change your item font size to 44px. |
font48 |
Change your item font size to 48px. |
Helper classes | CSS for padding spaces |
---|---|
p1 |
Take all four paddings 10px spaces for your item. |
p2 |
Take all four paddings 20px spaces for your item. |
p3 |
Take all four paddings 30px spaces for your item. |
p4 |
Take all four paddings 40px spaces for your item. |
p5 |
Take all four paddings 50px spaces for your item. |
p6 |
Take all four paddings 60px spaces for your item. |
p7 |
Take all four paddings 70px spaces for your item. |
p8 |
Take all four paddings 80px spaces for your item. |
p9 |
Take all four paddings 90px spaces for your item. |
p10 |
Take all four paddings 100px spaces for your item. |
p11 |
Take all four paddings 110px spaces for your item. |
p12 |
Take all four paddings 120px spaces for your item. |
p13 |
Take all four paddings 130px spaces for your item. |
p14 |
Take all four paddings 140px spaces for your item. |
p15 |
Take all four paddings 150px spaces for your item. |
p16 |
Take all four paddings 160px spaces for your item. |
p0 |
Take all four paddings 0px spaces for your item. |
pt1 |
Take top padding's 10px space for your item. |
pt2 |
Take top padding's 20px space for your item. |
pt3 |
Take top padding's 30px space for your item. |
pt4 |
Take top padding's 40px space for your item. |
pt5 |
Take top padding's 50px space for your item. |
pt6 |
Take top padding's 60px space for your item. |
pt7 |
Take top padding's 70px space for your item. |
pt8 |
Take top padding's 80px space for your item. |
pt9 |
Take top padding's 90px space for your item. |
pt10 |
Take top padding's 100px space for your item. |
pt11 |
Take top padding's 110px space for your item. |
pt12 |
Take top padding's 120px space for your item. |
pt13 |
Take top padding's 130px space for your item. |
pt14 |
Take top padding's 140px space for your item. |
pt15 |
Take top padding's 150px space for your item. |
pt0 |
Take top padding's 0px space for your item. |
pr1 |
Take right padding's 10px space for your item. |
pr2 |
Take right padding's 20px space for your item. |
pr3 |
Take right padding's 30px space for your item. |
pr4 |
Take right padding's 40px space for your item. |
pr5 |
Take right padding's 50px space for your item. |
pr6 |
Take right padding's 60px space for your item. |
pr7 |
Take right padding's 70px space for your item. |
pr8 |
Take right padding's 80px space for your item. |
pr9 |
Take right padding's 90px space for your item. |
pr10 |
Take right padding's 100px space for your item. |
pr11 |
Take right padding's 110px space for your item. |
pr12 |
Take right padding's 120px space for your item. |
pr13 |
Take right padding's 130px space for your item. |
pr14 |
Take right padding's 140px space for your item. |
pr15 |
Take right padding's 150px space for your item. |
pr16 |
Take right padding's 160px space for your item. |
pr0 |
Take right padding's 0px space for your item. |
pb1 |
Take bottom padding's 10px space for your item. |
pb2 |
Take bottom padding's 20px space for your item. |
pb3 |
Take bottom padding's 30px space for your item. |
pb4 |
Take bottom padding's 40px space for your item. |
pb5 |
Take bottom padding's 50px space for your item. |
pb6 |
Take bottom padding's 60px space for your item. |
pb7 |
Take bottom padding's 70px space for your item. |
pb8 |
Take bottom padding's 80px space for your item. |
pb9 |
Take bottom padding's 90px space for your item. |
pb10 |
Take bottom padding's 100px space for your item. |
pb11 |
Take bottom padding's 110px space for your item. |
pb12 |
Take bottom padding's 120px space for your item. |
pb13 |
Take bottom padding's 130px space for your item. |
pb14 |
Take bottom padding's 140px space for your item. |
pb15 |
Take bottom padding's 150px space for your item. |
pb16 |
Take bottom padding's 160px space for your item. |
pb0 |
Take bottom padding's 0px space for your item. |
pl1 |
Take left padding's 10px space for your item. |
pl2 |
Take left padding's 20px space for your item. |
pl3 |
Take left padding's 30px space for your item. |
pl4 |
Take left padding's 40px space for your item. |
pl5 |
Take left padding's 50px space for your item. |
pl6 |
Take left padding's 60px space for your item. |
pl7 |
Take left padding's 70px space for your item. |
pl8 |
Take left padding's 90px space for your item. |
pl10 |
Take left padding's 100px space for your item. |
pl11 |
Take left padding's 110px space for your item. |
pl12 |
Take left padding's 120px space for your item. |
pl13 |
Take left padding's 130px space for your item. |
pl14 |
Take left padding's 140px space for your item. |
pl15 |
Take left padding's 150px space for your item. |
pl16 |
Take left padding's 160px space for your item. |
pl0 |
Take left padding's 0px space for your item. |
pl5r30 |
Take both left padding's 50px and right padding's 30 px spaces for your item. |
ph1 |
Take both left and right padding's 10px spaces for your item. |
ph2 |
Take both left and right padding's 20px spaces for your item. |
ph3 |
Take both left and right padding's 30px spaces for your item. |
ph4 |
Take both left and right padding's 40px spaces for your item. |
ph5 |
Take both left and right padding's 50px spaces for your item. |
ph6 |
Take both left and right padding's 60px spaces for your item. |
ph7 |
Take both left and right padding's 70px spaces for your item. |
ph8 |
Take both left and right padding's 80px spaces for your item. |
ph9 |
Take both left and right padding's 90px spaces for your item. |
ph10 |
Take both left and right padding's 100px spaces for your item. |
ph11 |
Take both left and right padding's 110px spaces for your item. |
ph12 |
Take both left and right padding's 120px spaces for your item. |
ph13 |
Take both left and right padding's 130px spaces for your item. |
ph14 |
Take both left and right padding's 140px spaces for your item. |
ph15 |
Take both left and right padding's 150px spaces for your item. |
ph16 |
Take both left and right padding's 160px spaces for your item. |
ph0 |
Take both left and right padding's 0px spaces for your item. |
phl0 |
Take left padding's 0px space for your item. |
phr0 |
Take right padding's 0px spaces for your item. |
pv1 |
Take both top and bottom padding's 10px spaces for your item. |
pv2 |
Take both top and bottom padding's 20px spaces for your item. |
pv3 |
Take both top and bottom padding's 30px spaces for your item. |
pv4 |
Take both top and bottom padding's 40px spaces for your item. |
pv5 |
Take both top and bottom padding's 50px spaces for your item. |
pv6 |
Take both top and bottom padding's 60px spaces for your item. |
pv7 |
Take both top and bottom padding's 70px spaces for your item. |
pv8 |
Take both top and bottom padding's 80px spaces for your item. |
pv9 |
Take both top and bottom padding's 90px spaces for your item. |
pv10 |
Take both top and bottom padding's 100px spaces for your item. |
pv11 |
Take both top and bottom padding's 110px spaces for your item. |
pv12 |
Take both top and bottom padding's 120px spaces for your item. |
pv13 |
Take both top and bottom padding's 130px spaces for your item. |
pv14 |
Take both top and bottom padding's 140px spaces for your item. |
pv15 |
Take both top and bottom padding's 150px spaces for your item. |
pv16 |
Take both top and bottom padding's 160px spaces for your item. |
pv0 |
Take both top and bottom padding's 0px spaces for your item. |
pvt0 |
Take top padding's 0px spaces for your item. |
pvb0 |
Take bottom padding's 0px spaces for your item. |
Helper classes | CSS for margin spaces. |
---|---|
m1 |
Take all four margins 10px spaces for your item. |
m2 |
Take all four margins 20px spaces for your item. |
m3 |
Take all four margins 30px spaces for your item. |
m4 |
Take all four margins 40px spaces for your item. |
m5 |
Take all four margins 50px spaces for your item. |
m6 |
Take all four margins 60px spaces for your item. |
m7 |
Take all four margins 70px spaces for your item. |
m8 |
Take all four margins 80px spaces for your item. |
m9 |
Take all four margins 90px spaces for your item. |
m10 |
Take all four margins 100px spaces for your item. |
m11 |
Take all four margins 110px spaces for your item. |
m12 |
Take all four margins 120px spaces for your item. |
m13 |
Take all four margins 130px spaces for your item. |
m14 |
Take all four margins 140px spaces for your item. |
m15 |
Take all four margins 150px spaces for your item. |
m16 |
Take all four margins 160px spaces for your item. |
m0 |
Take all four margins 0px spaces for your item. |
ml1 |
Take left margin's 10px space for your item. |
ml2 |
Take left margin's 20px space for your item. |
ml3 |
Take left margin's 30px space for your item. |
ml4 |
Take left margin's 40px space for your item. |
ml5 |
Take left margin's 50px space for your item. |
ml6 |
Take left margin's 60px space for your item. |
ml7 |
Take left margin's 70px space for your item. |
ml8 |
Take left margin's 80px space for your item. |
ml9 |
Take left margin's 90px space for your item. |
ml10 |
Take left margin's 100px space for your item. |
ml11 |
Take left margin's 110px space for your item. |
ml12 |
Take left margin's 120px space for your item. |
ml13 |
Take left margin's 130px space for your item. |
ml14 |
Take left margin's 140px space for your item. |
ml15 |
Take left margin's 150px space for your item. |
ml16 |
Take left margin's 160px space for your item. |
ml0 |
Take left margin's 0px space for your item. |
mr1 |
Take right margin's 10px space for your item. |
mr2 |
Take right margin's 20px space for your item. |
mr3 |
Take right margin's 30px space for your item. |
mr4 |
Take right margin's 40px space for your item. |
mr5 |
Take right margin's 50px space for your item. |
mr6 |
Take right margin's 60px space for your item. |
mr7 |
Take right margin's 70px space for your item. |
mr8 |
Take right margin's 80px space for your item. |
mr9 |
Take right margin's 90px space for your item. |
mr10 |
Take right margin's 100px space for your item. |
mr11 |
Take right margin's 110px space for your item. |
mr12 |
Take right margin's 120px space for your item. |
mr13 |
Take right margin's 130px space for your item. |
mr14 |
Take right margin's 140px space for your item. |
mr15 |
Take right margin's 150px space for your item. |
mr16 |
Take right margin's 160px space for your item. |
mr0 |
Take right margin's 0px space for your item. |
mb1 |
Take bottom margin's 10px space for your item. |
mb2 |
Take bottom margin's 20px space for your item. |
mb3 |
Take bottom margin's 30px space for your item. |
mb4 |
Take bottom margin's 40px space for your item. |
mb5 |
Take bottom margin's 50px space for your item. |
mb6 |
Take bottom margin's 60px space for your item. |
mb7 |
Take bottom margin's 70px space for your item. |
mb8 |
Take bottom margin's 80px space for your item. |
mb9 |
Take bottom margin's 90px space for your item. |
mb10 |
Take bottom margin's 100px space for your item. |
mb11 |
Take bottom margin's 110px space for your item. |
mb12 |
Take bottom margin's 120px space for your item. |
mb13 |
Take bottom margin's 130px space for your item. |
mb14 |
Take bottom margin's 140px space for your item. |
mb15 |
Take bottom margin's 150px space for your item. |
mb16 |
Take bottom margin's 160px space for your item. |
mb0 |
Take bottom margin's 0px space for your item. |
mt1 |
Take top margin's 10px space for your item. |
mt2 |
Take top margin's 20px space for your item. |
mt3 |
Take top margin's 30px space for your item. |
mt4 |
Take top margin's 40px space for your item. |
mt5 |
Take top margin's 50px space for your item. |
mt6 |
Take top margin's 60px space for your item. |
mt7 |
Take top margin's 70px space for your item. |
mt8 |
Take top margin's 80px space for your item. |
mt9 |
Take top margin's 90px space for your item. |
mt10 |
Take top margin's 110px space for your item. |
mt11 |
Take top margin's 110px space for your item. |
mt12 |
Take top margin's 120px space for your item. |
mt13 |
Take top margin's 130px space for your item. |
mt14 |
Take top margin's 140px space for your item. |
mt15 |
Take top margin's 150px space for your item. |
mt16 |
Take top margin's 160px space for your item. |
mt0 |
Take top margin's 0px space for your item. |
mv1 |
Take both top and bottom margin's 10px spaces for your item. |
mv2 |
Take both top and bottom margin's 20px spaces for your item. |
mv3 |
Take both top and bottom margin's 30px spaces for your item. |
mv4 |
Take both top and bottom margin's 40px spaces for your item. |
mv5 |
Take both top and bottom margin's 50px spaces for your item. |
mv6 |
Take both top and bottom margin's 60px spaces for your item. |
mv7 |
Take both top and bottom margin's 70px spaces for your item. |
mv8 |
Take both top and bottom margin's 80px spaces for your item. |
mv9 |
Take both top and bottom margin's 90px spaces for your item. |
mv10 |
Take both top and bottom margin's 100px spaces for your item. |
mv11 |
Take both top and bottom margin's 110px spaces for your item. |
mv12 |
Take both top and bottom margin's 120px spaces for your item. |
mv13 |
Take both top and bottom margin's 130px spaces for your item. |
mv14 |
Take both top and bottom margin's 140px spaces for your item. |
mv15 |
Take both top and bottom margin's 150px spaces for your item. |
mv16 |
Take both top and bottom margin's 160px spaces for your item. |
mv0 |
Take both top and bottom margin's 0px spaces for your item. |
mh1 |
Take both left and right margin's 10px spaces for your item. |
mh2 |
Take both left and right margin's 20px spaces for your item. |
mh3 |
Take both left and right margin's 30px spaces for your item. |
mh4 |
Take both left and right margin's 40px spaces for your item. |
mh5 |
Take both left and right margin's 50px spaces for your item. |
mh6 |
Take both left and right margin's 60px spaces for your item. |
mh7 |
Take both left and right margin's 70px spaces for your item. |
mh8 |
Take both left and right margin's 80px spaces for your item. |
mh9 |
Take both left and right margin's 90px spaces for your item. |
mh10 |
Take both left and right margin's 100px spaces for your item. |
mh11 |
Take both left and right margin's 110px spaces for your item. |
mh12 |
Take both left and right margin's 120px spaces for your item. |
mh13 |
Take both left and right margin's 130px spaces for your item. |
mh14 |
Take both left and right margin's 140px spaces for your item. |
mh15 |
Take both left and right margin's 150px spaces for your item. |
mh16 |
Take both left and right margin's 160px spaces for your item. |
mh0 |
Take both left and right margin's 0px spaces for your item. |
mhl0 |
Take left margin's 10px spaces for your item. |
mhr0 |
Take right margin's 10px spaces for your item. |
Helper classes | CSS for alignment. |
---|---|
valign-top |
The vertical-align top property sets elements align to the top. |
valign-middle |
The vertical-align top property sets elements align to the middle. |
valign-bottom |
The vertical-align top property sets elements align to the bottom. |
Gallery CSS | CSS for only gallery. |
---|---|
alignleft |
Align the content to left. |
alignright |
Align the content to right. |
aligncenter |
Align the content to center. |
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft | Align blockquote content to the left. |
blockquote.alignright,
.wp-caption.alignright,
img.alignright |
Align blockquote content to the right. |
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter |
Align blockquote content to the center. |
wp-caption.alignleft
|
Align caption content to the left. |
wp-caption.alignright
|
Align caption content to the right. |
wp-caption.aligncenter |
Align caption content to the center. |
Thank you to all who developed following projects/products. We really appreciate your support and time. We definitely couldn't do this template without you. We wish you all the best.
Special thanks to: