Text : Boxes

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]

Leave a Reply

Your email address will not be published. Required fields are marked *