What are they?
Shortcodes are pre-coded so that the user can implement them with just a couple words. This theme is packed with well over 50 shortcodes including buttons, boxes, typography, lists, images, columns and more. Below each example is the code for that shortcode. Simply enter that code in a post of page, it’s as easy as that!
Alert Boxes
[alert_green]This box is perfect for a success message![/alert_green]
[alert_green]This box is perfect for a success message![/alert_green]
[alert_blue]Just in case you want your viewer to know something…[/alert_blue]
[alert_blue]Just in case you want your viewer to know something...[/alert_blue]
[alert_yellow]Warning! Something is going on.[/alert_yellow]
[alert_yellow]Warning! Something is going on.[/alert_yellow]
[alert_red]This can be used to display error messages.[/alert_red]
[alert_red]This can be used to display error messages.[/alert_red]
Buttons
[button_small href=”http://www.google.com”]Small Button[/button_small]
[button_small href=""]Small Button[/button_small]
[button href=”http://www.google.com”]Medium Button[/button]
[button href=""]Medium Button[/button]
[button_large href=”http://www.google.com”]Large Button[/button_large]
[button_large href=""]Large Button[/button_large]
Typography
Highlight Classes
[highlight_yellow]This is a highlight class.[/highlight_yellow] Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy.
[highlight_yellow]This is a highlight class.[/highlight_yellow]
[highlight_green]This is a another highlight class.[/highlight_green] Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Mauris a ante.
[highlight_green]This is a another highlight class.[/highlight_green]
[highlight_blue]This is a another highlight class.[/highlight_blue] Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Mauris a ante.
[highlight_blue]This is a another highlight class.[/highlight_blue]
[highlight_gray]This is a another highlight class.[/highlight_gray] Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Mauris a ante.
[highlight_gray]This is a another highlight class.[/highlight_gray]
[highlight_black]This is a another highlight class.[/highlight_black] Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Mauris a ante.
[highlight_gray]This is a another highlight class.[/highlight_gray]
Dropcaps
[dropcapcircle]1[/dropcapcircle]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam magna sem, tristique id facilisis non, ullamcorper vel velit. Sed scelerisque, quam ac pharetra lacinia, lorem augue rutrum orci, pharetra augue enim ac eros. Suspendisse vitae libero arcu.
[dropcapcircle]1[/dropcapcircle]
[dropcap]N[/dropcap]am sit amet sem. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.
[dropcap]N[/dropcap]
Lists
Unordered Lists
- Curabitur eu sapien eget tortor blandit pretium auctor ac metus.
- Etiam quis est non velit facilisis auctor.
- Vivamus adipiscing auctor quam, at aliquet diam viverra sed.
- Integer a tortor quis purus consectetur luctus sit amet ac elit.
- Duis eget odio ut tellus pulvinar gravida in in purus.
- Cras interdum faucibus erat, sit amet pretium leo dignissim vel.
Default unordered list styling
[checklist]
[/checklist]
[checklist]<li></li><li class="x"></li>[/checklist]
- Curabitur eu sapien eget tortor blandit pretium auctor ac metus.
- Etiam quis est non velit facilisis auctor.
- Vivamus adipiscing auctor quam, at aliquet diam viverra sed.
- Integer a tortor quis purus consectetur luctus sit amet ac elit.
- Duis eget odio ut tellus pulvinar gravida in in purus.
- Cras interdum faucibus erat, sit amet pretium leo dignissim vel.
[bigarrow]<li></li>[/bigarrow]
- Curabitur eu sapien eget tortor blandit pretium auctor ac metus.
- Etiam quis est non velit facilisis auctor.
- Vivamus adipiscing auctor quam, at aliquet diam viverra sed.
- Integer a tortor quis purus consectetur luctus sit amet ac elit.
- Duis eget odio ut tellus pulvinar gravida in in purus.
- Cras interdum faucibus erat, sit amet pretium leo dignissim vel.
[tinyarrow]<li></li>[/tinyarrow]
- Curabitur eu sapien eget tortor blandit pretium auctor ac metus.
- Etiam quis est non velit facilisis auctor.
- Vivamus adipiscing auctor quam, at aliquet diam viverra sed.
- Integer a tortor quis purus consectetur luctus sit amet ac elit.
- Duis eget odio ut tellus pulvinar gravida in in purus.
- Cras interdum faucibus erat, sit amet pretium leo dignissim vel.
[wedge]<li></li>[/wedge]
- Curabitur eu sapien eget tortor blandit pretium auctor ac metus.
- Etiam quis est non velit facilisis auctor.
- Vivamus adipiscing auctor quam, at aliquet diam viverra sed.
- Integer a tortor quis purus consectetur luctus sit amet ac elit.
- Duis eget odio ut tellus pulvinar gravida in in purus.
- Cras interdum faucibus erat, sit amet pretium leo dignissim vel.
[dot]<li></li>[/dot]
Ordered List
- Curabitur eu sapien eget tortor blandit pretium auctor ac metus.
- Etiam quis est non velit facilisis auctor.
- Vivamus adipiscing auctor quam, at aliquet diam viverra sed.
- Integer a tortor quis purus consectetur luctus sit amet ac elit.
- Duis eget odio ut tellus pulvinar gravida in in purus.
- Cras interdum faucibus erat, sit amet pretium leo dignissim vel.
Default ordered list styling
Pull Quotes
[pullright]Lorem Ipsum is simply dummy text of the printing and typesetting industry.[/pullright]
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
[pullright]quote here[/pullright]<p (or other tags)>main content</p>
[pullleft]Lorem Ipsum is simply dummy text of the printing and typesetting industry.[/pullleft]
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
[pullleft]quote here[/pullleft]<p (or other tags)>main content</p>
Images
Paragraph with Images
[imageright]http://www.brainbuzzmedia.com/themes/sterlic_leaf.jpg[/imageright]
Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
[imageright]image_url.jpg[/imageright]<p (or other tags)>main content</p>
[imageleft]http://www.brainbuzzmedia.com/themes/sterlic_leaf.jpg[/imageleft]
Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
[imageleft]image_url.jpg[/imageleft]<p (or other tags)>main content</p>
[captionleft caption=”With a caption”]http://www.brainbuzzmedia.com/themes/sterlic_leaf.jpg[/captionleft]
Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
[captionleft caption="With a caption"]image.jpg[/captionleft] <p (or other tags)>main content</p>
[captionright caption=”With a caption”]http://www.brainbuzzmedia.com/themes/sterlic_leaf.jpg[/captionright]
Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
[captionright caption="With a caption"]image.jpg[/captionright] <p (or other tags)>main content</p>
[captionleftlink href=”http://www.brainbuzzmedia.com/themes/sterlic_leaf.jpg” caption=”Caption & link”]http://www.brainbuzzmedia.com/themes/sterlic_leaf.jpg[/captionleftlink]
Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
[captionleftlink href="link.html" caption="With a caption"]image.jpg [/captionleftlink]<p (or other tags)>main content</p>
[captionrightlink href=”http://www.brainbuzzmedia.com/themes/sterlic_leaf.jpg” caption=”Caption & link”]http://www.brainbuzzmedia.com/themes/sterlic_leaf.jpg[/captionrightlink]
Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
[captionrightlink href="link.html" caption="With a caption"]image.jpg [/captionrightlink]<p (or other tags)>main content</p>
Spacing
There are a vast number of useful little spacing shortcodes built into the theme. The function of these are to be able to easily adjust the margins and padding of any element to your liking. All that they do is replace the current margin or padding amount with the amount from the shortcodes and can be used on anything from a <p></p> to a <div></div> or <img></img>.
NOTE: These are not typical wordpress shortcodes but rather css.
In order to use them, all that you need to do is place class=”the-shortcode” inside any tag. For example, <p class=”mt25″> would give the paragraph tag a top margin of 25. The options available are as follows:
mt0 (margin-top 0) mt5 (margin-top 5) mt10 (margin-top 10) mt15 (margin-top 15) mt20 (margin-top 20) mt25 (margin-top 25) mt30 (margin-top 30) mt35 (margin-top 35) mb0 (margin-bottom 0) mb5 (margin-bottom 5) mb10 (margin-bottom 10) mb15 (margin-bottom 15) mb20 (margin-bottom 20) mb25 (margin-bottom 25) mb30 (margin-bottom 30) mb35 (margin-bottom 35) pr5 (padding-right 5) pr10 (padding-right 10) pr15 (padding-right 15) pr20 (padding-right 20) pr25 (padding-right 25) pr30 (padding-right 30) pr35 (padding-right 35) pr60 (padding-right 60) float_l (float left) float_r (float right) block (display block) overflow (overflow hidden) clearboth (clear both)