Headline 1

Here is a plain paragraph of text. In the example below I’m going to show two types of checkboxes – Fancy and plain. You can make a list of items appear differently by using the shortcode.

Headline 2

Here is a plain paragraph of text. In the example below I’m going to show two types of checkboxes – Fancy and plain. You can make a list of items appear differently by using the shortcode.

Headline 3

Here is a plain paragraph of text. In the example below I’m going to show two types of checkboxes – Fancy and plain. You can make a list of items appear differently by using the shortcode.

Headline 4

Here is a plain paragraph of text. In the example below I’m going to show two types of checkboxes – Fancy and plain. You can make a list of items appear differently by using the shortcode.

Alerts and Warning Messages

If you need to display warnings are alerts, you can do that using the “alert” shortcode. The default alert is dark gray, but you can add a “type” parameter to the alert box to change the color and significance. Options are “warning”, “success” and “info”

[alert type="warning"][/alert]

Related to these is the simple “box” shortcode

[box]

Buttons

To add a button to a page the syntax is

[button link="ADD URL HERE"]Clickable Text Here[/button]

with “link” being the url you want to link to. It is critical that the link be place text and not an actual link. If you paste in a url and it is automatically inserted as a link, click the text and click the icon that looks like a broken link to remove the active link.

An optional parameter “color” is also available

[button link="ADD URL HERE" color="blue|green|brown"]Clickable Text Here[/button]

Default Button – no color parameter

Blue Button (color=”blue”)

Green Button (color=”green”)

Brown Button (color=”brown”)

Toggles

We can use toggles and tabs to help segment data. Below are examples of both. Toggles and Tabs can be created using the  buttons in the toolbar.

Toggle Example

Spacer

If you’d like to add additional space above or below an element, use the [space] shortcode.

Clear

When you are floating items to the left or right, alignment issues can happen. If this is happening on a page, add the  [clear] shortcode whereever you want to break the float.

Example:

Without Clear

Morbi egestas pharetra lacus, ut condimentum justo convallis vitae. Nam gravida porttitor auctor. Vivamus velit turpis, molestie id porttitor eget, mollis a justo. Vivamus vel diam at eros faucibus porttitor. Vestibulum dignissim accumsan tincidunt. Ut velit dolor, dignissim eu hendrerit ac, pretium tempus neque. Vestibulum dapibus, nisi fermentum tempus convallis, sapien tellus ultricies felis, sit amet commodo nisl leo quis ligula. Vestibulum ut est vel felis rhoncus fermentum vel quis turpis. Sed nec augue non lorem facilisis eleifend eu sit amet mauris.

Vestibulum in tellus et diam porttitor hendrerit sit amet quis mauris. Cras bibendum augue dolor, sed iaculis velit. Maecenas purus nulla, pulvinar semper scelerisque nec, tincidunt ac est. Duis pellentesque lacinia est vestibulum laoreet. In turpis tortor, tincidunt sit amet feugiat ac, tincidunt at lacus. Ut aliquet purus et justo tincidunt at viverra ligula cursus.

With Clear

Morbi egestas pharetra lacus, ut condimentum justo convallis vitae. Nam gravida porttitor auctor. Vivamus velit turpis, molestie id porttitor eget, mollis a justo. Vivamus vel diam at eros faucibus porttitor. Vestibulum dignissim accumsan tincidunt. Ut velit dolor, dignissim eu hendrerit ac, pretium tempus neque. Vestibulum dapibus, nisi fermentum tempus convallis, sapien tellus ultricies felis, sit amet commodo nisl leo quis ligula. Vestibulum ut est vel felis rhoncus fermentum vel quis turpis. Sed nec augue non lorem facilisis eleifend eu sit amet mauris.

Vestibulum in tellus et diam porttitor hendrerit sit amet quis mauris. Cras bibendum augue dolor, sed iaculis velit. Maecenas purus nulla, pulvinar semper scelerisque nec, tincidunt ac est. Duis pellentesque lacinia est vestibulum laoreet. In turpis tortor, tincidunt sit amet feugiat ac, tincidunt at lacus. Ut aliquet purus et justo tincidunt at viverra ligula cursus.

Columns

You can use shortcodes to create any sort of column on the page.

IMPORTANT! Always use [clear] after any column set to prevent unwanted wrapping or alignment issues.

Half Page Columns

One-Third Page Columns

One-Third+ Two-Third Columns

Get Creative!