Boxes

A box is a colored container for displaying content in a more visual manner. Below, you will see examples of each type of box and the shortcode needed to implement them.


Code / Usage Examples

Default Box:

Your content here.

Shortcode for the Default box:

Code

[box]Your content here.[/box]


Blue Box:

Your content here.

Shortcode for the Blue box:

Code

[box style=”blue”]Your content here.[/box]


Success Box:

Success
Thank you for your submission!

Shortcode for the Success box:

Code

[box style=”success”]Thank you for your submission![/box]


As you can see, changing the design of the box is as easy as changing the style=”” portion of the shortcode! The icons, the colors and the formatting are all done for you. All you have to do is wrap your content in [box] and [/box] tags and you’re good to go!

Change the title of a box

Code

[box style=”success” title=”This is a custom title”]Thank you for your submission![/box]

This code will result in:

This is a custom title
Thank you for your submission!

All Available Box Types

Here are examples of all of the available box types. Within each box is the keyword to use in the style=”” portion of the box shortcode.

Default

Test Headline

blue

green

grey

red

yellow

Info
info

Download

download
Tip
tip

Mail

mail

Help

help
Notice
notice

Comment

comment

Code

code

Success
success

Warning

warning

Alert

alert