Sidebar Callouts

Sidebar Callouts

The following examples are meant to be created with a content block and then placed in a sidebar widget area.

Basic

Using the basic callout classes will render a neutral grey callout that will expand across the content area it is placed. So, if placed in the sidebar under the navigation, the callout will be the same width.

Example

Title Here

Nulla commodo feugiat laoreet. Sed ultrices libero ut dolor adipiscing tristique. Proin vel justo eget mi fermentum egestas et sit amet ipsum.

Call to Action »

Title Here

Nulla commodo feugiat laoreet. Sed ultrices libero ut dolor adipiscing tristique. Proin vel justo eget mi fermentum egestas et sit amet ipsum.

Call to Action »

Note: When using a Font Awesome icon in the callout, it must be wrapped in a <div>, otherwise WordPress will add an errant <p> tag and the spacing will be off.


Colors

Color can be added to a sidebar callout by adding a class to the parent <div>.

Yellow

Title Here

Nulla commodo feugiat laoreet. Sed ultrices libero ut dolor adipiscing tristique. Proin vel justo eget mi fermentum egestas et sit amet ipsum.

Call to Action »

Title Here

Nulla commodo feugiat laoreet. Sed ultrices libero ut dolor adipiscing tristique. Proin vel justo eget mi fermentum egestas et sit amet ipsum.

Call to Action »

Green

Title Here

Nulla commodo feugiat laoreet. Sed ultrices libero ut dolor adipiscing tristique. Proin vel justo eget mi fermentum egestas et sit amet ipsum.

Call to Action »

Title Here

Nulla commodo feugiat laoreet. Sed ultrices libero ut dolor adipiscing tristique. Proin vel justo eget mi fermentum egestas et sit amet ipsum.

Call to Action »

Blue

Title Here

Nulla commodo feugiat laoreet. Sed ultrices libero ut dolor adipiscing tristique. Proin vel justo eget mi fermentum egestas et sit amet ipsum.

Call to Action »

Title Here

Nulla commodo feugiat laoreet. Sed ultrices libero ut dolor adipiscing tristique. Proin vel justo eget mi fermentum egestas et sit amet ipsum.

Call to Action »