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
infoDownload
downloadTip
tipHelp
helpNotice
noticeCode
code
Comment
comment