[div align=”center”]
[icon class=”icon-check” right=”8″] Shortcodes
Shortcodes add additional features to your page with little effort.
Below are examples of shortcodes included in this theme.
[/div]
[divider bottom=”80″ color=”#ffffff”]
Content Slider
[slider]
[slide]
[/slide]
[slide]
[/slide]
[slide]
[vimeo id=”41623404″]
[/slide]
[slide]
[slider] [slide] This is where the content for slide 1 goes. [/slide] [slide] This is where the content for slide 2 goes. [/slide] [slide] This is where the content for slide 3 goes. [/slide] [slide] This is where the content for slide 4 goes. [/slide] ... [/slider]
[/slide]
[/slider]
[divider top=”50″ bottom=”80″ width=”4″ style=”solid” color=”#f8f8f8″]
Toggles
[toggle title=”Can I use as many toggle shortcodes as I want?”]
Yes. There is NO limit to the number of toggles you can display on a page.
[/toggle]
[toggle title=’This toggle has the “open” option set to “true”‘ open=”true”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, auctor eget vestibulum consectetur, euismod et nisi. Suspendisse malesuada pellentesque justo, at molestie dui convallis in. Fusce sollicitudin est ut arcu auctor posuere. In ut urna vel velit condimentum placerat. Proin tortor dolor, porta pharetra blandit non, dictum at risus.
[/toggle]
[toggle title=”Can I embed videos with the toggle shortcode?”]
[vimeo id=”41623404″]
[/toggle]
[toggle title=”View Shortcode”]
[toggle title="View Shortcode"] This is where the content of the toggle goes. It's really super easy. [/toggle]
[/toggle]
[divider top=”80″ bottom=”80″ width=”4″ style=”solid” color=”#f8f8f8″]
Buttons
[divider bottom=”20″ color=”#ffffff”]
[one_fourth]
[button link=”#”]Large Example[/button]
[/one_fourth][one_fourth]
[button link=”#” color=”#61a54f”][icon class=”icon-tag” right=”5″] Purchase[/button]
[/one_fourth][one_fourth]
[button link=”#” color=”#A54F4F”][icon class=”icon-download-alt” right=”5″] Download[/button]
[/one_fourth][one_fourth_last]
[button link=”#” color=”#A5A24F”][icon class=”icon-phone” right=”5″] Call Today[/button]
[/one_fourth_last]
[one_fourth]
[button size=”medium” link=”#”]Medium Example[/button]
[/one_fourth][one_fourth]
[button size=”medium” link=”#” color=”#61a54f”][icon class=”icon-tag” right=”5″] Purchase[/button].
[/one_fourth][one_fourth]
[button size=”medium” link=”#” color=”#A54F4F”][icon class=”icon-download-alt” right=”5″] Download[/button]
[/one_fourth][one_fourth_last]
[button size=”medium” link=”#” color=”#A5A24F”][icon class=”icon-phone” right=”5″] Call Today[/button]
[/one_fourth_last]
[one_fourth]
[button size=”small” link=”#”]Small Example[/button]
[/one_fourth][one_fourth]
[button size=”small” link=”#” color=”#61a54f”][icon class=”icon-tag” right=”3″] Purchase[/button]
[/one_fourth][one_fourth]
[button size=”small” link=”#” color=”#A54F4F”][icon class=”icon-download-alt” right=”3″] Download[/button]
[/one_fourth][one_fourth_last]
[button size=”small” link=”#” color=”#A5A24F”][icon class=”icon-phone” right=”3″] Call Today[/button]
[/one_fourth_last]
[divider bottom=”20″ color=”#ffffff”]
[toggle title=”View Shortcode”]
-- LARGE -- [button link="URL-GOES-HERE"]Basic Example[/button] [button link="URL-GOES-HERE" color="#61a54f"][icon class="icon-tag"] Purchase[/button] [button link="URL-GOES-HERE" color="#A54F4F"][icon class="icon-download-alt"] Download[/button] [button link="URL-GOES-HERE" color="#A5A24F"][icon class="icon-phone"] Call Today</i>[/button] -- MEDIUM -- [button link="URL-GOES-HERE" size="medium"]Basic Example[/button] [button link="URL-GOES-HERE" color="#61a54f" size="medium"][icon class="icon-tag"] Purchase[/button] [button link="URL-GOES-HERE" color="#A54F4F" size="medium"][icon class="icon-download-alt"] Download[/button] [button link="URL-GOES-HERE" color="#A5A24F" size="medium"][icon class="icon-phone"] Call Today</i>[/button] -- SMALL -- [button link="URL-GOES-HERE" size="small"]Basic Example[/button] [button link="URL-GOES-HERE" color="#61a54f" size="small"][icon class="icon-tag"] Purchase[/button] [button link="URL-GOES-HERE" color="#A54F4F" size="small"][icon class="icon-download-alt"] Download[/button] [button link="URL-GOES-HERE" color="#A5A24F" size="small"][icon class="icon-phone"] Call Today</i>[/button]
[/toggle]
[divider top=”80″ bottom=”80″ width=”4″ style=”solid” color=”#f8f8f8″]
[one_half]
Skills
[divider bottom=”20″ color=”#ffffff”]
[skill level=”90″ title=”WP Development”]
[skill level=”80″ title=”PHP”]
[skill level=”100″ title=”HTML + CSS”]
[skill level=”100″ title=”jQuery”]
[skill level=”100″ title=”Photoshop”]
[skill level=”85″ title=”SEO”]
[divider bottom=”20″ color=”#ffffff”]
[toggle title=”View Shortcode”]
[skill level="90" title="WP Development"] [skill level="80" title="PHP"] [skill level="100" title="HTML + CSS"] [skill level="100" title="jQuery"] [skill level="100" title="Photoshop"] [skill level="85" title="SEO"]
[/toggle]
[/one_half]
[one_half_last]
Dividers
[divider bottom=”20″ color=”#ffffff”]
[divider top=”10″ bottom=”10″ color=”#000″]
[divider top=”10″ bottom=”10″ color=”#111″]
[divider top=”10″ bottom=”10″ color=”#222″]
[divider top=”10″ bottom=”10″ color=”#333″]
[divider top=”10″ bottom=”10″ color=”#444″]
[divider top=”10″ bottom=”10″ color=”#555″]
[divider top=”10″ bottom=”10″ color=”#666″]
[divider top=”10″ bottom=”10″ color=”#777″]
[divider top=”10″ bottom=”10″ color=”#888″]
[divider top=”10″ bottom=”10″ color=”#999″]
[divider top=”10″ bottom=”10″ color=”#aaa”]
[divider top=”10″ bottom=”10″ color=”#bbb”]
[divider top=”10″ bottom=”10″ color=”#ccc”]
[divider top=”10″ bottom=”10″ color=”#ddd”]
[divider top=”10″ bottom=”10″ color=”#eee”]
[divider top=”10″ bottom=”10″ color=”#fff”]
[divider top=”29″ bottom=”10″ color=”transparent”]
[divider top=”10″ bottom=”10″ color=”#000″ style=”dashed”]
[divider top=”10″ bottom=”10″ color=”#000″ style=”dotted”]
[divider top=”10″ bottom=”10″ color=”#000″ style=”double” width=”3″]
[divider top=”10″ bottom=”34″ color=”#000″ width=”3″]
[toggle title=”View Shortcode”]
[divider top="10" bottom="10" color="#000"] [divider top="10" bottom="10" color="#111"] [divider top="10" bottom="10" color="#222"] [divider top="10" bottom="10" color="#333"] [divider top="10" bottom="10" color="#444"] [divider top="10" bottom="10" color="#555"] [divider top="10" bottom="10" color="#666"] [divider top="10" bottom="10" color="#777"] [divider top="10" bottom="10" color="#888"] [divider top="10" bottom="10" color="#999"] [divider top="10" bottom="10" color="#aaa"] [divider top="10" bottom="10" color="#bbb"] [divider top="10" bottom="10" color="#ccc"] [divider top="10" bottom="10" color="#ddd"] [divider top="10" bottom="10" color="#eee"] [divider top="10" bottom="10" color="#fff"] [divider top="10" bottom="10" color="transparent"] [divider top="10" bottom="10" color="#000" style="dashed"] [divider top="10" bottom="10" color="#000" style="dotted"] [divider top="10" bottom="10" color="#000" style="double" width="3"] [divider top="10" bottom="40" color="#000" width="3"]
[/toggle]
[/one_half_last]
[divider top=”50″ bottom=”80″ width=”4″ style=”solid” color=”#f8f8f8″]
Divs
[divider bottom=”20″ color=”#fff”]
[div align=”justify”]
This div has “align” set to “justify”
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, auctor eget vestibulum consectetur, euismod et nisi. Suspendisse malesuada pellentesque justo, at molestie dui convallis in. Fusce sollicitudin est ut arcu auctor posuere. Lorem ipsum dolor sit amet, sollicitudin est ut consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/div]
[div bottom=”10″ align=”right”]
This div has “align” set to “right” with bottom set to “10”
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, auctor eget vestibulum consectetur, euismod et nisi. Suspendisse malesuada pellentesque justo, at molestie dui convallis in. Fusce sollicitudin est ut arcu auctor posuere. Lorem ipsum dolor sit amet, sollicitudin est ut consectetur.
[/div]
[div left=”50″ right=”50″ align=”center”]
This div has “align” set to “center” with left/right set to “50”
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, auctor eget vestibulum consectetur, euismod et nisi. Suspendisse malesuada pellentesque justo, at molestie dui convallis in. Fusce sollicitudin est ut arcu auctor posuere.
[/div]
[divider bottom=”20″ color=”#ffffff”]
[toggle title=”View Shortcode”]
[div align="justify"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/div] [div bottom="10" align="right"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/div] [div left="50" right="50" align="center"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/div]
[/toggle]
[divider top=”80″ bottom=”80″ width=”4″ style=”solid” color=”#f8f8f8″]
[one_half]
Menu Links
[divider color=”transparent” bottom=”10″]
Menu links allow you to access the main menu tabs from anywhere on the site.
[menulink menu=”2″]Gallery Tab Example →[/menulink]
[menulink menu=”3″]Video Tab Example →[/menulink]
[menulink menu=”4″]Blog Tab Example →[/menulink]
[divider color=”transparent” bottom=”20″]
[menulink menu=”2″][button size=”small”]Gallery Tab Example[/button][/menulink]
[divider color=”#fff”]
[menulink menu=”3″][button size=”small” color=”#61a54f”]Video Tab Example[/button][/menulink]
[divider color=”#fff”]
[menulink menu=”4″][button size=”small” color=”#A54F4F”]Blog Tab Example[/button][/menulink]
[divider color=”transparent” bottom=”25″]
[toggle title=”View Shortcode”]
[menulink menu="2"] Link Text Here [/menulink] [menulink menu="2"] [button size="small"]Link Text Here[/button] [/menulink]
[/toggle]
[/one_half]
[one_half_last]
Pagination Links
[divider color=”transparent” bottom=”10″]
Pagination Links allow you to access the different sections of the currently active menu tab.
[pagelink page=”1″]Page 1 Example →[/pagelink]
[pagelink page=”2″]Page 2 Example →[/pagelink]
[pagelink page=”3″]Page 3 Example →[/pagelink]
[divider color=”transparent” bottom=”20″]
[pagelink page=”1″][button size=”small”]Page 1 Example[/button][/pagelink]
[divider color=”#fff”]
[pagelink page=”2″][button size=”small” color=”#61a54f”]Page 2 Example[/button][/pagelink]
[divider color=”#fff”]
[pagelink page=”3″][button size=”small” color=”#A54F4F”]Page 3 Example[/button][/pagelink]
[divider color=”transparent” bottom=”25″]
[toggle title=”View Shortcode”]
[pagelink page="1"] Link Text Here [/pagelink] [pagelink page="1"] [button size="small"]Link Text Here[/button] [/pagelink]
[/toggle]
[/one_half_last]
[divider top=”50″ bottom=”80″ width=”4″ style=”solid” color=”#f8f8f8″]
Columns
[div align=”justify” bottom=”20″]
….. ……. …. …. …. …. …… …… …….. ……… ……. …. …. …….. ………… …….. ……… ……. …. …. …….. ………… …….. ……… ……. …. ……………… ……………… ………… …….. ……… ……. …. …. …….. ………… …….. ……… ……. …. …. …….. …. …….. …….. ……… ……. …………….. ………. ………… ………… ………. ….. ……………….. …. …….. ………… …….. ……… ……. …. …. …….. ………… …….. ….
[/div]
[one_half align=”justify”]
1/2 Column …….. ……. ………… …………….. ………… …………. ………………… ……. ………. ……………….. ………… ………. …… ………… …………… …………… …………… ………… ….. …………..
[/one_half]
[one_half_last align=”justify”]
1/2 Column …….. ……. ………… …………….. ………… …………. ………………… ……. ………. ……………….. ………… ………. …… ………… …………… …………… …………… ………… ….. …………..
[/one_half_last]
[one_third align=”justify”]
1/3 Column …….. ……. ………… ……….. ………… …………. ………………… ……. ………. ……………….. ………………………..
[/one_third]
[one_third align=”justify”]
1/3 Column …….. ……. ………… ……….. ………… …………. ………………… ……. ………. ……………….. ………………………..
[/one_third]
[one_third_last align=”justify”]
1/3 Column …….. ……. ………… ……….. ………… …………. ………………… ……. ………. ……………….. ………………………..
[/one_third_last]
[two_third align=”justify”]
2/3 Column ……… …………. ……….. ………… …………. …………. …….. ……. ………. ….. ………. …… ……. …. …. ………… …………………….. ………………….. …………………… ….. …………… ………. …… ……….. ……………….. ………… ……….. ………… …………… …… …
[/two_third]
[one_third_last align=”justify”]
1/3 Column …….. ……. ………… ……….. ………… …………. ………………… ……. ………. ……………….. ………………………..
[/one_third_last]
[one_fourth align=”justify”]
1/4 Column …….. …………. ……….. ………… …………. ………………… ……. ……….
[/one_fourth]
[one_fourth align=”justify”]
1/4 Column …….. …………. ……….. ………… …………. ………………… ……. ……….
[/one_fourth]
[one_fourth align=”justify”]
1/4 Column …….. …………. ……….. ………… …………. ………………… ……. ……….
[/one_fourth]
[one_fourth_last align=”justify”]
1/4 Column …….. …………. ……….. ………… …………. ………………… ……. ……….
[/one_fourth_last]
[three_fourth align=”justify”]
3/4 Column ……… …………. ……….. ………… …………. ………………… ……. ………. ….. ………. …… ……. …. …. ………… …………………….. ………….. …………………… ….. …………… ………. …………….. ……………….. ………………….. ………… ……….. …………… ……………. ………… …….. …… …..
[/three_fourth]
[one_fourth_last align=”justify”]
1/4 Column …….. …………. ……….. ………… …………. ………………… ……. ……….
[/one_fourth_last]
[one_fifth align=”justify”]
1/5 Column ………… …… ….. ……. ………… ………….. …. ……. …..
[/one_fifth]
[one_fifth align=”justify”]
1/5 Column ………… …… ….. ……. ………… ………….. …. ……. …..
[/one_fifth]
[one_fifth align=”justify”]
1/5 Column ………… …… ….. ……. ………… ………….. …. ……. …..
[/one_fifth]
[one_fifth align=”justify”]
1/5 Column ………… …… ….. ……. ………… ………….. …. ……. …..
[/one_fifth]
[one_fifth_last align=”justify”]
1/5 Column ………… …… ….. ……. ………… ………….. …. ……. …..
[/one_fifth_last]
[three_fifth align=”justify”]
3/5 Column ……… …………. ……….. ………… …………. ………………… ……. ………. ….. ……………… …… ……. …. …. ………… …………………….. ………….. …………………… ….. …………… ………. ………. ………. …………. ……….. ………
[/three_fifth]
[two_fifth_last align=”justify”]
2/5 Column ………… ……… ………… ………… …….. …. ……… ……….. ………… …….. …………… …….. ….. ….. ……. ………… ………….. …. ……. …..
[/two_fifth_last]
[four_fifth align=”justify”]
4/5 Column ……… …………. ……….. ………… …………. ………………… ……. ………. ….. ……………… …… ……. …. …. ………… …………………….. ………….. …………………… ….. …………… ………. …… …. ………. …………. ……….. ……… ………. …………. ……….. ……… ………. …………. ……….. ……… ………. ….. ……..
[/four_fifth]
[one_fifth_last align=”justify”]
1/5 Column ………… …… ….. ……. ………… ………….. …. ……. …..
[/one_fifth_last]
[one_sixth align=”justify”]
1/6 Column ….. ……. …. …. …….. ………… …….. ….
[/one_sixth]
[one_sixth align=”justify”]
1/6 Column ….. ……. …. …. …….. ………… …….. ….
[/one_sixth]
[one_sixth align=”justify”]
1/6 Column ….. ……. …. …. …….. ………… …….. ….
[/one_sixth]
[one_sixth align=”justify”]
1/6 Column ….. ……. …. …. …….. ………… …….. ….
[/one_sixth]
[one_sixth align=”justify”]
1/6 Column ….. ……. …. …. …….. ………… …….. ….
[/one_sixth]
[one_sixth_last align=”justify”]
1/6 Column ….. ……. …. …. …….. ………… …….. ….
[/one_sixth_last]
[five_sixth align=”justify”]
5/6 Column ….. ……. …. …. …. …. …… …… …….. ……… ……. …. …. …….. ………… …….. ……… ……. …. …. …….. ………… …….. ……… ……. …. …. …….. ………… …….. ……… ……. …. …. …….. ………… …….. ……… ……. …. …. …….. ………… …….. ……… ……. …. …. …….. ………… …….. ……… ……. …. …. …….. ………… …….. ….
[/five_sixth]
[one_sixth_last align=”justify”]
1/6 Column ….. ……. …. …. …….. ………… …….. ….
[/one_sixth_last]
[toggle title=”View Shortcode”]
[one_half] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus dolor consectetur. [/one_half] [one_half_last] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus dolor consectetur. [/one_half_last] [one_third] Lorem ipsum dolor sit amet elit, consectetur adipiscing elit. Duis tellus dolor consectetur. [/one_third] [one_third_last] Lorem ipsum dolor sit amet elit, consectetur adipiscing elit. Duis tellus dolor consectetur. [/one_third_last]
[/toggle]