[background bokeh=“yes“ particles=“yes“ overlay=“no“]
[background_image]{THEME_ROOT}/images/stars2.jpg[/background_image]
[/background]

[spacer_20][spacer_20]

[h3]General „box“ Shortcode[/h3]

[box]Text or shortcodes can be put inside a box to give them some special treatment. It seems simple, but you’ll find you can box almost anything and it really can create a lot of variance and options for your design![/box]

[toggle_box title=“Shortcodes:“]
[code_table]
[code_line][box]Text text text.[/box][/code_line]
[/code_table]
[/toggle_box]

[box][/box]

[toggle_box title=“Shortcodes:“]
[code_table]
[code_line][box][/box][/code_line]
[/code_table]
[/toggle_box]

[spacer_20][spacer_20]

[h3]Attention / Alert Boxes[/h3]

[info_box]
Info box. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
[/info_box]

[toggle_box title=“Shortcodes:“]
[code_table]
[code_line][info_box][/code_line]
[code_line]Text text text.[/code_line]
[code_line][/info_box][/code_line]
[/code_table]
[/toggle_box]

[warning_box]
Warning box. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
[/warning_box]

[toggle_box title=“Shortcodes:“]
[code_table]
[code_line][warning_box][/code_line]
[code_line]Text text text.[/code_line]
[code_line][/warning_box][/code_line]
[/code_table]
[/toggle_box]

[attention_box]
Attention box. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
[/attention_box]

[toggle_box title=“Shortcodes:“]
[code_table]
[code_line][attention_box][/code_line]
[code_line]Text text text.[/code_line]
[code_line][/attention_box][/code_line]
[/code_table]
[/toggle_box]

[error_box]
Error box. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
[/error_box]

[toggle_box title=“Shortcodes:“]
[code_table]
[code_line][error_box][/code_line]
[code_line]Text text text.[/code_line]
[code_line][/error_box][/code_line]
[/code_table]
[/toggle_box]

[restricted_box]
Restricted box. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
[/restricted_box]

[toggle_box title=“Shortcodes:“]
[code_table]
[code_line][restricted_box][/code_line]
[code_line]Text text text.[/code_line]
[code_line][/restricted_box][/code_line]
[/code_table]
[/toggle_box]

[download_box]
Download box. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
[/download_box]

[toggle_box title=“Shortcodes:“]
[code_table]
[code_line][download_box][/code_line]
[code_line]Text text text.[/code_line]
[code_line][/download_box][/code_line]
[/code_table]
[/toggle_box]

[exit_box]
Exit box. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
[/exit_box]

[toggle_box title=“Shortcodes:“]
[code_table]
[code_line][exit_box][/code_line]
[code_line]Text text text.[/code_line]
[code_line][/exit_box][/code_line]
[/code_table]
[/toggle_box]

[qa_box]
[qa_question]Question text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.[/qa_question]
[qa_answer]Answer text. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Nostrud exerci tation ullamcorper suscipit lobortis nisl.[/qa_answer]
[/qa_box]

[toggle_box title=“Shortcodes:“]
[code_table]
[code_line][qa_box][/code_line]
[code_line][qa_question]Question text…[/qa_question][/code_line]
[code_line][qa_answer]Answer text…[/qa_answer][/code_line]
[code_line][/qa_box][/code_line]
[/code_table]
[/toggle_box]

[spacer_20][spacer_20]

[h3]Color Boxes[/h3]

[color_box color=“red“ textcolor=“white“]This is a color_box shortcode. It is not quite as versatile as a general box, but you can control the color of the box and the text. It can show the box color and the text color in any custom color you choose![/color_box]

[toggle_box title=“Shortcodes:“]
[code_table]
[code_line][color_box color=“red“ textcolor=“white“]Text text text.[/color_box][/code_line]
[/code_table]
[/toggle_box]