Shortcodes

This theme is equipped with many useful shortcodes which can be used to format the content on Pages or Post entries. Shortcodes are found in text editor tool bar 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.

[break height=”60″ line=”yes”]

Buttons

[break height=”20″ line=”no”]

[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]

[break height=”60″ line=”yes”]

Content Separators

[break height=”20″ line=”no”]

[layout cols=”1-4″ position=”first” textalign=”center”]
Duis condimentum tellus et leo ullamcorper rutrum.

[separator type=”short” weight=”tiny”]

Morbi sodales eros et tellus vulputate condimentum. Fusce imperdiet consequat lorem, ac commodo felis elementum ac.

[separator type=”short” weight=”fat”]

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed pharetra consequat odio, sit amet interdum tellus placerat non.
[/layout]

[layout cols=”1-4″ position=”first” textalign=”center”]

Duis condimentum tellus et leo ullamcorper rutrum.

[separator type=”mid” weight=”tiny”]

Morbi sodales eros et tellus vulputate condimentum. Fusce imperdiet consequat lorem, ac commodo felis elementum ac.

[separator type=”mid” weight=”fat”]

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed pharetra consequat odio, sit amet interdum tellus placerat non.
[/layout]

[layout cols=”1-4″ position=”first” textalign=”center”]

Duis condimentum tellus et leo ullamcorper rutrum.

[separator type=”full” weight=”tiny”]

Morbi sodales eros et tellus vulputate condimentum. Fusce imperdiet consequat lorem, ac commodo felis elementum ac.

[separator type=”full” weight=”fat”]

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed pharetra consequat odio, sit amet interdum tellus placerat non.
[/layout]

[layout cols=”1-4″ position=”last” textalign=”center”]

Duis condimentum tellus et leo ullamcorper rutrum.

[separator type=”zipper” weight=”fat”]

Morbi sodales eros et tellus vulputate condimentum. Fusce imperdiet consequat lorem, ac commodo felis elementum ac.

[separator type=”zipper” weight=”fat”]

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed pharetra consequat odio, sit amet interdum tellus placerat non.
[/layout]

[break height=”60″ line=”yes”]

Fancy lists

[break height=”20″ line=”no”]

[layout cols=”1-3″ position=”first” textalign=”left”]

Arrow list – dark

[list type=”arrow-black”]

  • Nam ipsum tellus
  • Tristique vel
  • Rutrum vitae massa
  • Lorem Ipsum Dolor
  • Nascetur ridiculus

[/list]
[break height=”10″ line=”yes”]

Arrow list – red

[list type=”arrow-red”]

  • Nam ipsum tellus
  • Tristique vel
  • Rutrum vitae massa
  • Lorem Ipsum Dolor
  • Nascetur ridiculus

[/list]
[/layout]

[layout cols=”1-3″ position=”first” textalign=”left”]

Check-list

[list type=”check”]

  • Nam ipsum tellus
  • Tristique vel
  • Rutrum vitae massa
  • Lorem Ipsum Dolor
  • Nascetur ridiculus

[/list]
[break height=”10″ line=”yes”]

Exclamation list

[list type=”exclamation”]

  • Nam ipsum tellus
  • Tristique vel
  • Rutrum vitae massa
  • Lorem Ipsum Dolor
  • Nascetur ridiculus

[/list]
[/layout]

[layout cols=”1-3″ position=”last” textalign=”left”]

Watch-list

[list type=”watch”]

  • Nam ipsum tellus
  • Tristique vel
  • Rutrum vitae massa
  • Lorem Ipsum Dolor
  • Nascetur ridiculus

[/list]
[break height=”10″ line=”yes”]

To-do-list

[list type=”pen”]

  • Nam ipsum tellus
  • Tristique vel
  • Rutrum vitae massa
  • Lorem Ipsum Dolor
  • Nascetur ridiculus

[/list]
[/layout]

[break height=”60″ line=”yes”]

Toggler

[break height=”20″ line=”no”]

[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]

[break height=”60″ line=”yes”]

Tabber

[break height=”20″ line=”no”]

[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]

[break height=”60″ line=”yes”]

Warnings / Alerts

[break height=”20″ line=”no”]

[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]

[break height=”60″ line=”yes”]

Google maps

[break height=”20″ line=”no”]

[googlemap src=”https://maps.google.com/maps?q=40.716617,-74.008171&num=1&t=m&z=12″]

[break height=”60″ line=”yes”]

Video

[break height=”20″ line=”no”]

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.

Leave a Comment