Shortcodes for this theme exist in text editor and can easily be added via user friendly dialogs. It means that you don’t have to remember the name of a certain shortcode or its arguments. Simply select the text that you want to apply the shortcode to and hit corresponding button.
[section_separator textalign=”left” color=”#999999″ bg_color=”#FFFFFF” space_top=”yes” space_bottom=”yes” space=”20″]BUTTONS[/section_separator]
[layout cols=”1-3″ position=”first” textalign=”left”]
Buttons can be of any background/text color combo, with/without caption, aligned to left, center or right…
[button size=”small” color=”#221f20″ bg_color=”#e4e9e8″ caption=”” font_weight=”bold” link=”http://google.com” target=”_blank” align=”left”]SMALL BUTT[/button]
[button size=”small” color=”#221f20″ bg_color=”#a9c8bc” caption=”” font_weight=”bold” link=”http://google.com” target=”_blank” align=”left”]I’m Small Button[/button]
[button size=”medium” color=”#e4e9e8″ bg_color=”#221f20″ caption=”” font_weight=”bold” link=”http://google.com” target=”_blank” align=”left”]I’m Medium Button[/button]
[button size=”large” color=”#666666″ bg_color=”#000000″ caption=”And a caption…” font_weight=”normal” link=”http://google.com” target=”_blank” align=”left”]LARGE BUTTON[/button]
[/layout]
[layout cols=”1-3″ position=”first” textalign=”center”]
Of course, buttons can have/use captions if needed! It’s quite easy to add it via Button shortcode dialog box
[button size=”small” color=”#FFFFFF” bg_color=”#30cb8b” caption=”” font_weight=”bold” link=”http://google.com” target=”_blank” align=”center”]SMALL BUTT[/button]
[button size=”small” color=”#FFFFFF” bg_color=”#2b7c5a” caption=”” font_weight=”bold” link=”http://google.com” target=”_blank” align=”center”]I’m Small Button[/button]
[button size=”medium” color=”#FFFFFF” bg_color=”#073521″ caption=”” font_weight=”bold” link=”http://google.com” target=”_blank” align=”center”]I’m Medium Button[/button]
[button size=”large” color=”#444444″ bg_color=”#000000″ caption=”And a caption…” font_weight=”normal” link=”http://google.com” target=”_blank” align=”center”]LARGE BUTTON[/button]
[/layout]
[layout cols=”1-3″ position=”last” textalign=”right”]
…they can be big, medium and large size – whichever fits best to layout, occasion, design or maybe author’s moods.
[button size=”small” color=”#FFFFFF” bg_color=”#70a5c0″ caption=”” font_weight=”bold” link=”http://google.com” target=”_blank” align=”right”]SMALL BUTT[/button]
[button size=”small” color=”#FFFFFF” bg_color=”#396279″ caption=”” font_weight=”bold” link=”http://google.com” target=”_blank” align=”right”]I’m Small Button[/button]
[button size=”medium” color=”#FFFFFF” bg_color=”#11242f” caption=”” font_weight=”bold” link=”http://google.com” target=”_blank” align=”right”]I’m Medium Button[/button]
[button size=”large” color=”#666666″ bg_color=”#000000″ caption=”And a caption…” font_weight=”normal” link=”http://google.com” target=”_blank” align=”right”]LARGE BUTTON[/button]
[/layout]
[section_separator textalign=”left” color=”#999999″ bg_color=”#FFFFFF” space_top=”yes” space_bottom=”yes” space=”20″]USER’S FEEDBACK[/section_separator]
[layout cols=”1-3″ position=”first” textalign=”left”]
[feedback color=”#222222″ bg_color=”#e4e9e8″ name=”Martin Khan” position=”Sales Representative”]Cras a ante odio. Quisque vel tempor dui. In luctus, odio a dictum consequat, elit magna tincidunt est, a commodo massa neque eget erat.[/feedback]
[/layout]
[layout cols=”1-3″ position=”first” textalign=”left”]
[feedback color=”#FFFFFF” bg_color=”#30cb8b” name=”Stephen Steffanow” position=”Web site owner”]Cras a ante odio. Quisque vel tempor dui. In luctus, odio a dictum consequat, elit magna tincidunt est, a commodo massa neque eget erat.[/feedback]
[/layout]
[layout cols=”1-3″ position=”last” textalign=”left”]
[feedback color=”#FFFFFF” bg_color=”#70a5c0″ name=”Janna Deleew” position=”Chief Masterchef”]Cras a ante odio. Quisque vel tempor dui. In luctus, odio a dictum consequat, elit magna tincidunt est, a commodo massa neque eget erat.[/feedback]
[/layout]
[section_separator textalign=”left” color=”#999999″ bg_color=”#FFFFFF” space_top=”yes” space_bottom=”yes” space=”20″]CIRCLED IMAGES[/section_separator]
[layout cols=”1-3″ position=”first” textalign=”center”]
[circle border_size=”10″ border_color=”#222222″ align=”center”][/circle]
Clumpy Monster
Integer laoreet dui vitae nisi sagittis semper. Aliquam sem augue, semper lacinia consectetur eget, sollicitudin et mi. Phasellus tempus ante id sapien varius sodales.
[/layout]
[layout cols=”1-3″ position=”first” textalign=”center”]
[circle border_size=”10″ border_color=”#222222″ align=”center”][/circle]
Shlongy Monster
Integer laoreet dui vitae nisi sagittis semper. Aliquam sem augue, semper lacinia consectetur eget, sollicitudin et mi. Phasellus tempus ante id sapien varius sodales.
[/layout]
[layout cols=”1-3″ position=”last” textalign=”center”]
[circle border_size=”10″ border_color=”#222222″ align=”center”][/circle]
Squashy Monster
Integer laoreet dui vitae nisi sagittis semper. Aliquam sem augue, semper lacinia consectetur eget, sollicitudin et mi. Phasellus tempus ante id sapien varius sodales.
[/layout]
[section_separator textalign=”left” color=”#999999″ bg_color=”#FFFFFF” space_top=”yes” space_bottom=”yes” space=”20″]TOGGLER[/section_separator]
[toggler title=”Click to expand content”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam at dui urna, vitae egestas dolor. Praesent ante est, convallis ac luctus id, molestie ac elit. Sed tristique nunc nec mauris rutrum at mattis neque elementum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean dignissim commodo turpis in faucibus.
[/toggler]
[section_separator textalign=”left” color=”#999999″ bg_color=”#FFFFFF” space_top=”yes” space_bottom=”yes” space=”20″]TABBER[/section_separator]
[tabber textalign=”left”]
TAB ONE
Duis condimentum tellus et leo ullamcorper rutrum. Morbi sodales eros et tellus vulputate condimentum. Fusce imperdiet consequat lorem, ac commodo felis elementum ac. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed pharetra consequat odio, sit amet interdum tellus placerat non. Proin lacus mauris, laoreet sed tempor vel, gravida eu felis. In posuere vestibulum varius. Cras a ante odio. Quisque vel tempor dui. In luctus, odio a dictum consequat, elit magna tincidunt est, a commodo massa neque eget erat. Integer laoreet dui vitae nisi sagittis semper. Aliquam sem augue, semper lacinia consectetur eget, sollicitudin et mi.
TAB TWO
Vestibulum a lacus magna. Pellentesque quis purus iaculis arcu feugiat adipiscing. Curabitur sit amet sem vel sem hendrerit accumsan ac non leo. In ante augue, porta non dapibus eget, aliquam et neque. Sed massa magna, adipiscing a hendrerit vel, volutpat porta enim. Praesent a enim neque, sit amet fermentum quam.
Integer iaculis semper ipsum, eu placerat mauris eleifend ac. Nulla lacinia volutpat sem vel faucibus. Suspendisse mollis dui lobortis turpis vestibulum vitae egestas massa ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce erat mauris, molestie vel cursus ut, eleifend eget sem.
TAB THREE
I’m a little title
Etiam leo libero, aliquam eget dignissim a, fermentum id erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse convallis libero vel lacus mollis porttitor. Phasellus et tristique nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris interdum, urna et tincidunt rhoncus, felis ligula tempor diam, quis convallis magna velit in metus.
And I’m a title too!
Suspendisse tincidunt scelerisque viverra. Integer metus augue, cursus non sagittis vel, pharetra eget ligula. Ut porttitor rhoncus diam, sed varius tellus iaculis varius. Vestibulum dignissim varius nisi quis fringilla. Mauris nec justo in odio interdum varius. Curabitur purus neque, tempus id rhoncus eu, consequat eget quam.
[/tabber]
[section_separator textalign=”left” color=”#999999″ bg_color=”#FFFFFF” space_top=”yes” space_bottom=”yes” space=”20″]ALERTS / WARNINGS[/section_separator]
[alert type=”blue” textalign=”left”]Praesent ante est, convallis ac luctus id, molestie ac elit. Sed tristique nunc nec mauris rutrum at mattis neque elementum.[/alert]
[alert type=”yellow” textalign=”left”]Praesent ante est, convallis ac luctus id, molestie ac elit. Sed tristique nunc nec mauris rutrum at mattis neque elementum.[/alert]
[alert type=”green” textalign=”left”]Praesent ante est, convallis ac luctus id, molestie ac elit. Sed tristique nunc nec mauris rutrum at mattis neque elementum.[/alert]
[alert type=”red” textalign=”left”]Praesent ante est, convallis ac luctus id, molestie ac elit. Sed tristique nunc nec mauris rutrum at mattis neque elementum.[/alert]
[section_separator textalign=”left” color=”#999999″ bg_color=”#FFFFFF” space_top=”yes” space_bottom=”yes” space=”20″]GOOGLE MAPS[/section_separator]
[googlemap src=”https://maps.google.com/maps?q=40.716617,-74.008171&num=1&t=m&z=12″]
[section_separator textalign=”left” color=”#999999″ bg_color=”#FFFFFF” space_top=”yes” space_bottom=”yes” space=”20″]VIDEO (YOUTUBE, VIMEO, ETC.)[/section_separator]
It doesn’t really matter where are you inserting a video file from, each and every modern video sharing service provides EMBED code. Simply copy and paste to Video shortcode dialog box and you are done.