Alert Boxes
[one_half]
[info_box]Insert your text here[/info_box]
[note_box]Insert your text here[/note_box]
[/one_half]
[one_half_last]
[one_half]
[download_box]Insert your text here[/download_box]
[warning_box]Insert your text here[/warning_box]
[/one_half_last]
[divider_padding]
Standard Boxes
Box width expands to fill the space available. Boxes below are placed in a three column layout, so each gets a third of the width.
[one_third]
Fancy Box with Title
[fancy_box title=”Box Title Here”]
Placeholder text here… Lorem ipsum dolor sit amet, adipiscing elit.
[/fancy_box]
[/one_third]
[one_third]
Fancy Box
[fancy_box]
Placeholder text here… Lorem ipsum dolor sit amet, adipiscing elit. Lorem ipsum dolor sit amet, adipiscing elit.
[/fancy_box]
[/one_third]
[one_third_last]
Simple Box
[simple_box]
Placeholder text here… Lorem ipsum dolor sit amet, adipiscing elit. Lorem ipsum dolor sit amet, adipiscing elit.
[/simple_box]
[/one_third_last]
[divider_padding]
[one_third]
Titled Box
[titled_box title=”Box Title Here”]
Placeholder text here… Lorem ipsum dolor sit amet, adipiscing elit.
[/titled_box]
[/one_third]
[one_third]
Colored Box
[colored_box title=”Box Title Here”]
Placeholder text here… Lorem ipsum dolor sit amet, adipiscing elit.
[/colored_box]
[/one_third]
[one_third_last]
[/one_third_last]
[divider_padding]
Color Variations
[one_third]
[titled_box title=”Titled Box Title” variation=”red”]variation=”red”[/titled_box]
[colored_box title=”Colored Box Title” variation=”red”]variation=”red”[/colored_box]
[titled_box title=”Titled Box Title” variation=”orange”]variation=”orange”[/titled_box]
[colored_box title=”Colored Box Title” variation=”orange”]variation=”orange”[/colored_box]
[titled_box title=”Titled Box Title” variation=”yellow”]variation=”yellow”[/titled_box]
[colored_box title=”Colored Box Title” variation=”yellow”]variation=”yellow”[/colored_box]
[titled_box title=”Titled Box Title” variation=”green”]variation=”green”[/titled_box]
[colored_box title=”Colored Box Title” variation=”green”]variation=”green”[/colored_box]
[titled_box title=”Titled Box Title” variation=”olive”]variation=”olive”[/titled_box]
[colored_box title=”Colored Box Title” variation=”olive”]variation=”olive”[/colored_box]
[titled_box title=”Titled Box Title” variation=”teal”]variation=”teal”[/titled_box]
[colored_box title=”Colored Box Title” variation=”teal”]variation=”teal”[/colored_box]
[titled_box title=”Titled Box Title” variation=”blue”]variation=”blue”[/titled_box]
[colored_box title=”Colored Box Title” variation=”blue”]variation=”blue”[/colored_box]
[/one_third]
[one_third]
[titled_box title=”Titled Box Title” variation=”deepblue”]variation=”deepblue”[/titled_box]
[colored_box title=”Colored Box Title” variation=”deepblue”]variation=”deepblue”[/colored_box]
[titled_box title=”Titled Box Title” variation=”purple”]variation=”purple”[/titled_box]
[colored_box title=”Colored Box Title” variation=”purple”]variation=”purple”[/colored_box]
[titled_box title=”Titled Box Title” variation=”hotpink”]variation=”hotpink”[/titled_box]
[colored_box title=”Colored Box Title” variation=”hotpink”]variation=”hotpink”[/colored_box]
[titled_box title=”Titled Box Title” variation=”slategrey”]variation=”slategrey”[/titled_box]
[colored_box title=”Colored Box Title” variation=”slategrey”]variation=”slategrey”[/colored_box]
[titled_box title=”Titled Box Title” variation=”mauve”]variation=”mauve”[/titled_box]
[colored_box title=”Colored Box Title” variation=”mauve”]variation=”mauve”[/colored_box]
[titled_box title=”Titled Box Title” variation=”pearl”]variation=”pearl”[/titled_box]
[colored_box title=”Colored Box Title” variation=”pearl”]variation=”pearl”[/colored_box]
[titled_box title=”Titled Box Title” variation=”steelblue”]variation=”steelblue”[/titled_box]
[colored_box title=”Colored Box Title” variation=”steelblue”]variation=”steelblue”[/colored_box]
[/one_third]
[one_third_last]
[titled_box title=”Titled Box Title” variation=”mossgreen”]variation=”mossgreen”[/titled_box]
[colored_box title=”Colored Box Title” variation=”mossgreen”]variation=”mossgreen”[/colored_box]
[titled_box title=”Titled Box Title” variation=”wheat”]variation=”wheat”[/titled_box]
[colored_box title=”Colored Box Title” variation=”wheat”]variation=”wheat”[/colored_box]
[titled_box title=”Titled Box Title” variation=”coffee”]variation=”coffee”[/titled_box]
[colored_box title=”Colored Box Title” variation=”coffee”]variation=”coffee”[/colored_box]
[titled_box title=”Titled Box Title” variation=”copper”]variation=”copper”[/titled_box]
[colored_box title=”Colored Box Title” variation=”copper”]variation=”copper”[/colored_box]
[titled_box title=”Titled Box Title” variation=”silver”]variation=”silver”[/titled_box]
[colored_box title=”Colored Box Title” variation=”silver”]variation=”silver”[/colored_box]
[titled_box title=”Titled Box Title” variation=”black”]variation=”black”[/titled_box]
[colored_box title=”Colored Box Title” variation=”black”]variation=”black”[/colored_box]
[/one_third_last]
[divider_padding]
Custom Colors
Besides the custom colors defines above you can choose any color for both the box background and the box text. Millions of possibilities, the choice is yours!
[divider_padding]
[one_half]
Fancy Code Box
Below is an example of a fancy code box in action:
[fancy_code_box]
$hello = ‘Hello World!’;
echo $hello;
[/fancy_code_box]
[/one_half]
[one_half_last]
Fancy Pre Box
Below is an example of a fancy code box in action:
[fancy_pre_box]
$hello = ‘Hello World!’;
echo $hello;
[/fancy_pre_box]
[/one_half_last]