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.
Title Here
Nulla commodo feugiat laoreet. Sed ultrices libero ut dolor adipiscing tristique. Proin vel justo eget mi fermentum egestas et sit amet ipsum.
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.
Title Here
Nulla commodo feugiat laoreet. Sed ultrices libero ut dolor adipiscing tristique. Proin vel justo eget mi fermentum egestas et sit amet ipsum.
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.
Title Here
Nulla commodo feugiat laoreet. Sed ultrices libero ut dolor adipiscing tristique. Proin vel justo eget mi fermentum egestas et sit amet ipsum.
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.
Title Here
Nulla commodo feugiat laoreet. Sed ultrices libero ut dolor adipiscing tristique. Proin vel justo eget mi fermentum egestas et sit amet ipsum.