Tutorial

Highlight content using the box shortcode to make it stand out from the rest of the information. They are a great way to create call-outs for content, buttons, links, etc. Float it right or left with body text wrapped around it. 

Here are few examples of using boxes: 

Filled Box Example

Box style is filled. The color is dark gray. The float is left. This box does not have a title.

The box will consume about 40% of the container width. Other content will wrap around the box on the left.

This is how text will wrap around the box. Lorem ipsum dolor sit amet, egestas ut lacus torquent quis arcu eu, in accumsan eu leo, odio amet adipiscing aliquam at occaecat id, fringilla sed.

Dignissim integer etiam, velit mauris dolor sed donec quam. Vitae vel aptent consectetuer curabitur egestas, vitae non lacinia mattis et eget. Rutrum et, ut praesent sapien et sodales temporibus lectus, fugiat fames fringilla leo placerat, adipiscing convallis ut sed maiores. Metus etiam vel varius massa duis.  Libero ipsum in, ligula commodo justo suspendisse, vestibulum ut, posuere turpis in vestibulum. Et ultricies scelerisque, at felis. Nisl lacus sit vel aliquet, id cum urna ut nec at porttitor, dolor sapien. 

This is the Box Title

Box style is filled. The color is light gray. There is no float. This box does have a title. The box will consume the entire container width.

Heading 3 Formatting

Erat libero penatibus amet laoreet, ac mi proin donec vestibulum, hendrerit eu wisi aenean cillum, vel est in, varius sodales praesent.

Erat libero penatibus amet laoreet, ac mi proin donec vestibulum, hendrerit eu wisi aenean cillum, vel est in, varius sodales praesent. Libero ipsum in, ligula commodo justo suspendisse, vestibulum ut, posuere turpis in vestibulum. Et ultricies scelerisque, at felis. Nisl lacus sit vel aliquet, id cum urna ut nec at porttitor, dolor sapien. Mattis posuere, erat quas velit in erat suscipit, gravida leo ut ut congue nunc. Suscipit suspendisse libero nam, lacus aliquam sed ornare vel nunc habitant, ultrices ut molestie ut mattis. Sed ut consequat praesent amet eu, sem id, lorem morbi lectus leo, id eros vestibulum.

Box with Border Style Example

Box style is bordered. The color is black. The float is right. This box does not have a title.

The box will consume about 40% of the container width. Other content will wrap around the box on the left.

This is how text will wrap around the box. Lorem amet vel molestie odio sagittis, in ac est ac amet sociosqu fermentum, nisl vel elit erat. Massa ipsum lorem suspendisse. Magnis elit cras, in leo gravida, purus orci dignissim nec. At libero vulputate ante pharetra et pretium. Mauris aliquam urna porttitor amet sagittis odio, posuere ridiculus animi, et egestas accumsan, vivamus suspendisse in porta bibendum vivamus lectus, massa ut sagittis mollis.