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:
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:
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
Download
downloadHelp
helpCode
code
Comment
comment