Blog CTA Styles

Updated caption style

All captions within blog posts will receive this new style.

 

Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.

Image w/ caption, aligned right

This shows an image (the "45%") with a caption, and it is aligned right.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Bibendum amet at molestie mattis.

Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.

Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.

Layout class "Purple Image Background" will only color the background behind the image and caption

Same as above, except the "Purple Image Background" layout class has been added, and the image has been replaced with a white version.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Bibendum amet at molestie mattis.

Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.

Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.

Layout class "Bright Purple Background" will color the background of the whole layout

Add the "Bright Purple Background" to color the background of the whole layout the newer, brighter purple.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Bibendum amet at molestie mattis.

Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.

Can also work as a two-column layout with the same layout class

Same image with caption and "Bright Purple Background" layout class, except this is a two-column layout instead of a full-width layout with the image aligned right.

Use this if you want to ensure the image stays on one side and the content stays on the other without wrapping around the image.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Bibendum amet at molestie mattis.

Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.

Updated table style in blog

Can also be applied outside of blog by manually adding table--blog-style class to the figure element in the source.

Also, to make a badge, select the text in any cell, pull down the Styles dropdown, and choose the "Badge (p)" option

Title	Title	Title	Title	Title
Cell Text	Cell Text	Cell Text	Cell Text	Badge
Cell Text	Cell Text	Cell Text	Cell Text	Badge
Cell Text	Cell Text	Cell Text	Cell Text	Badge

"Bright Purple Background" applied to Full-Width layout

 

Lorem ipsum dolor sit amet,
consectetur adipiscing elit

Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.

Button Text

Updated blockquote style for blog in two-column layout

All blockquotes within blog posts will receive this new style.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Bibendum amet at molestie mattis.

Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bibendum amet at molestie mattis.

Blockquote w/ "Purple Blockquote" layout class

Add the "Purple Blockquote" layout class to use this purple style on any blockquotes in that layout.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Bibendum amet at molestie mattis.

Rhoncus morbi et augue nec, in id ullamcorper at sit. Condimentum sit nunc in eros scelerisque sed. Commodo in viverra nunc, ullamcorper ut. Non, amet, aliquet scelerisque nullam sagittis, pulvinar. Fermentum scelerisque sit consectetur hac mi. Mollis leo eleifend ultricies purus iaculis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bibendum amet at molestie mattis.

Updated Full Width CTA layout style in blog

The Full Width CTA Layout will receive this new style when used on blog posts.

 

Newsletter CTA

Bibendum amet at molestie mattis.

Rhoncus morbi et augue nec, in id ullamcorper at sit.

Button Text