Layout

[row]…[/row]

wrap row tags around any column width tags below

[half]…[/half]

Divides the content in half. These must be between the [row] shortcode above. To fill a row it will require 2 instances of the shortcode.

Examples

Half One! Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. Vestibulum id ligula porta felis euismod semper. Maecenas sed diam eget risus varius blandit sit amet non magna.
Half Two!Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. Vestibulum id ligula porta felis euismod semper. Maecenas sed diam eget risus varius blandit sit amet non magna.

[third]…[/third]

Divides the content in thirds. These must be between the [row] shortcode above. To fill a row it will require 3 instances of the shortcode.

Examples

Block 1 Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. Vestibulum id ligula porta felis euismod semper. Maecenas sed diam eget risus varius blandit sit amet non magna.
Block 2 Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. Vestibulum id ligula porta felis euismod semper. Maecenas sed diam eget risus varius blandit sit amet non magna.

Block 3 Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Formatting

[bold]…[bold]

Any text within this shortcode becomes bold.

Examples
This text is bold and this text isn’t

[link url="#"]…[/link]

Adding a text link makes use of this short code. Simple enter the URL within the url parameter and then include the text you want to appear between the opening and closing shortcodes.

Examples
Sample Link

[divider]

This shortcode adds a divider which helpful when separating content or sections of content

Examples

Buttons

[button url="#" color="blue"]Button Text[/button]

Buttons have two parameters to fill plus the button text itself. Add the link to the url parameter.

Buttons come with predefined colors. Available colors include blue, green, and purple. Add the color name to the color parameter.

Green Button Blue Button Purple Button

Lists

[list][list-item]My List Item[/list-item][/list]

Basic lists work by wrapping the [list] shortcode around one or more [list-item] shortcodes. You can add as many list items as you like as well as embed other basic shortcodes within like [link ] shortcodes and more…

Add another [sub-item] within the [list-item] shortcode for even more formatting. The result would look similar to this:[list][list-item]My List Item [sub-item]My Sub Item[/sub-item][/list-item][/list]

Examples

  • My List Item 1
  • My List Item 2
  • My List Item 3

Example with Sub Items

  • My List Item 1Sub item 1
  • My List Item 2Sub item 2
  • My List Item 3Sub item 3

Callout

[callout]Content you want to call attention to.[/callout]

Callouts are good ways to call attention to a specific section of content.

Examples

Nulla vitae elit libero, a pharetra augue. Maecenas sed diam eget risus varius blandit sit amet non magna. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.My Link

Accordians

[accordion][accordion-row][row-title]My Accordion Row 1[/row-title][row-content]Accordion content for My Accordion Row 1[row-content][/accordion-row][/accordion]

Accordions are a little more complicated but just think of them in terms of rows. Each row will have a corresponding title (the link you click on) and corresponding content(the content that appears when you click).

Examples

  • My First Row
    Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Curabitur blandit tempus porttitor. Donec ullamcorper nulla non metus auctor fringilla. Etiam porta sem malesuada magna mollis euismod.
  • My Second Row
    Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Curabitur blandit tempus porttitor. Donec ullamcorper nulla non metus auctor fringilla. Etiam porta sem malesuada magna mollis euismod.
    My Button

Popups

[popup url="#" color=""] My Button Text [/popup]

Much like a [button] shortcode a popup shortcode has a parameters for color and a url. The popup works with YouTube and Vimeo Video URLs only.

Buttons come with predefined colors. Available colors include blue, green, and purple. Add the color name to the color parameter.

Examples:

My Video

Videos

[video]{{Video Embed Code Goes Here }}[/video]

All embedded videos appear best when wrapped with the [video] shortcode. This essentially makes the video scale no matter the screen size. With many people visiting websites from their phones these days this support is a must!