Content Boxes

[margin10]

Our box shortcodes are great for separating different content and grabbing the readers attention at the same time.

Titled Boxes

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

Titled Boxes Variations

[margin10]

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.

[titled_box title=”your title” variation=”red”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”orange”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”yellow”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”green”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”olive”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”teal”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”blue”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”deepblue”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”purple”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”hotpink”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”slategrey”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”mauve”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”pearl”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”steelblue”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”mossgreen”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”wheat”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”coffee”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”copper”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box] [titled_box title=”your title” variation=”silver”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/titled_box]

Colored Boxes Variations

[margin10]

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.

[colored_box title=”Your Title”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”red”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”orange”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”yellow”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”green”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”olive”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”teal”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”blue”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”deepblue”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”purple”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”hotpink”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”slategrey”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”mauve”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”pearl”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”steelblue”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”mossgreen”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”wheat”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”coffee”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”copper”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box] [colored_box title=”your title” variation=”silver”] Lorem ipsum dolor sit amet. Nunc vehicula placerat. Nuna fames ac turpis egestas…
[/colored_box]

More boxes styles

[download_box]Insert your text here… a link[/download_box] [warning_box]Insert your text here… a link[/warning_box] [info_box]Insert your text here… a link[/info_box] [note_box]Insert your text here… a link[/note_box]

Codebox Shortcode

[fancy_code_box] #page-intro {
padding: 20px 0px;
line-height: 1.6em;
font-size: 12px !important;
text-shadow: 0 1px 1px white;
}
[/fancy_code_box]