Box Styles

Our box shortcodes are great for separating different content and grabbing the readers attention at the same time. We have included a bunch of styles and colors including titled, colored, alert, code, and fancy boxes.

Titled Boxes

Titled Boxes: Basic Usage

[titled_box title="your title"]
Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas...
[/titled_box]

Titled Boxes: Variation Presets

Don’t forget about colors! Most of our shortcodes can be used with predefined color codes. Or you can also choose your own by using our color picker.    See how to use shortcode colors →

Colored Boxes

Colored Boxes: Basic Usage

[colored_box title="Your Title"]
Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas...
[/colored_box]

Colored Boxes: Variation Presets

Don’t forget about colors! Most of our shortcodes can be used with predefined color codes. Or you can also choose your own by using our color picker.    See how to use shortcode colors →

Alert Boxes

[download_box]Insert your text here... <a href="#">a link</a>[/download_box]
[warning_box]Insert your text here... <a href="#">a link</a>[/warning_box]
[info_box]Insert your text here... <a href="#">a link</a>[/info_box]
[note_box]Insert your text here... <a href="#">a link</a>[/note_box]

Fancy Boxes

[fancy_box title="Fancy Box with Title"]
	Nunc vehicula placerat tellus, sed aliquam urna tincidunt eu. Suspendisse potenti.
	Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
[/fancy_box]

[fancy_box]
	<p>This is a fancy box without the title...<br />
	Nunc vehicula placerat tellus, sed aliquam urna tincidunt eu. Suspendisse potenti.
	Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.</p>
[/fancy_box]

Fancy CODE and PRE Boxes

[fancy_code_box]
	Insert your text here
[/fancy_code_box]

[fancy_pre_box]
	Insert your text here
[/fancy_pre_box]