SHORT CODES

• List style 1

2 Column Content

[column_content type=”one_half”]
Column 1 Content goes here…
[/column_content]

[column_content type=”one_half_last”]
Column 2 Content goes here…
[/column_content]
3 Column Content

[column_content type=”one_third”]
Column 1 Content goes here…
[/column_content]

[column_content type=”one_third”]
Column 2 Content goes here…
[/column_content]

[column_content type=”one_third_last”]
Column 3 Content goes here…
[/column_content]
4 Column Content

[column_content type=”one_fourth”]
Column 1 Content goes here…
[/column_content]

[column_content type=”one_fourth”]
Column 2 Content goes here…
[/column_content]

[column_content type=”one_fourth”]
Column 3 Content goes here…
[/column_content]

[column_content type=”one_fourth_last”]
Column 4 Content goes here…
[/column_content]
5 Column Content

[column_content type=”one_fifth”]
Column 1 Content goes here…
[/column_content]

[column_content type=”one_fifth”]
Column 2 Content goes here…
[/column_content]

[column_content type=”one_fifth”]
Column 3 Content goes here…
[/column_content]

[column_content type=”one_fifth”]
Column 4 Content goes here…
[/column_content]

[column_content type=”one_fifth_last”]
Column 5 Content goes here…
[/column_content]
Clear

[clear]
HR / Horizontal separation line

[hr] or

---

Separator / blank space

[separator height=”20″]
Recent Posts

[recentposts col=”3″]
Tabs

[tabs]
[tab title=”TAB TITLE 1″]
TAB CONTENT 1
[/tab]
[tab title=”TAB TITLE 2″]
TAB CONTENT 2
[/tab]
[tab title=”TAB TITLE 3″]
TAB CONTENT 3
[/tab]
[/tabs]
Toggle Content

[toggle_content title=”Toggle Title 1″]
Toggle content 1…
[/toggle_content]
[toggle_content title=”Toggle Title 2″]
Toggle content 2…
[/toggle_content]
[toggle_content title=”Toggle Title 3″]
Toggle content 3…
[/toggle_content]
Accordion Content

[accordion]
[accordion_content title=”ACCORDION TITLE 1″]
ACCORDION CONTENT 1
[/accordion_content]
[accordion_content title=”ACCORDION TITLE 2″]
ACCORDION CONTENT 2
[/accordion_content]
[accordion_content title=”ACCORDION TITLE 3″]
ACCORDION CONTENT 3
[/accordion_content]
[/accordion]
Gradient Button – Small

[gradient_button size=”small” bg_color=”#e00″ color=”#fff” text=”Medium Gradient Button” title=”Medium Gradient Button” url=”” position=”left”]
Gradient Button – Medium

[gradient_button size=”medium” bg_color=”#060″ color=”#fff” text=”Medium Gradient Button” title=”Medium Gradient Button” url=”” position=”left”]
Gradient Button – Large

[gradient_button size=”large” bg_color=”#026″ color=”#fff” text=”Large Gradient Button” title=”Large Gradient Button” url=”” position=”left”]
Gradient Button – Xtra Large

[gradient_button size=”x-large” bg_color=”#00ccff” color=”#fff” text=”Extra Large Simple Button” title=”Extra Large Simple Button” url=”” position=”left”]
Simple Button – Small

[simple_button size=”small” bg_color=”#c00″ color=”#fff” text=”Small Simple Button” title=”Small Simple Button” url=”#” position=”left”]
Simple Button – Medium

[simple_button size=”medium” bg_color=”#060″ color=”#fff” text=”Medium Simple Button” title=”Medium Simple Button” url=”” position=”left”]
Simple Button – Large

[simple_button size=”large” bg_color=”#026″ color=”#fff” text=”Large Simple Button” title=”Large Simple Button” url=”” position=”left”]
Simple Button – Xtra Large

[simple_button size=”x-large” bg_color=”#00ccff” color=”#fff” text=”Extra Large Simple Button” title=”Extra Large Simple Button” url=”” position=”left”]
Round Button – Light

[round_button style=”light” text=”Round Button” title=”Round Button” url=”” position=”left”]
Round Button – Dark

[round_button style=”dark” text=”Round Button” title=”Round Button” url=”” position=”left”]
Message Box – Success

[message type=”success”]This is a sample of the ‘success’ style message box shortcode. To use this style use the following shortcode[/message]
Message Box – Error

[message type=”error”]This is a sample of the ‘error’ style message box shortcode. To use this style use the following shortcode.[/message]
Message Box – Warning

[message type=”warning”]This is a sample of the ‘warning’ style message box shortcode. To use this style use the following shortcode.[/message]
Message Box – Info

[message type=”info”]This is a sample of the ‘info’ style message box shortcode. To use this style use the following shortcode.[/message]
Message Box – About

[message type=”about”]This is a sample of the ‘about’ style message box shortcode. To use this style use the following shortcode.[/message]
List Styles

[unordered_list style=”list-1″]

• List style 1

[/unordered_list]

You can use above shortcode OR simply add class to ul. You can choose from list-1 to list-10 styles.

• List style 1