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]Text text text.[/box] |
| [box][video]vimeo-url-here[/video][/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] |
| Text text text. |
| [/info_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] |
| Text text text. |
| [/warning_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] |
| Text text text. |
| [/attention_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] |
| Text text text. |
| [/error_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] |
| Text text text. |
| [/restricted_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] |
| Text text text. |
| [/download_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] |
| Text text text. |
| [/exit_box] |
Question text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
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_box] |
| [qa_question]Question text...[/qa_question] |
| [qa_answer]Answer text...[/qa_answer] |
| [/qa_box] |
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 color="red" textcolor="white"]Text text text.[/color_box] |