InfoFacts: Shout Out
ITs Shouting without bold text
Think of the shout out style more like a cheer squad on your page drawing attention rather than a large thick set of bolded text. This appears to be floating off the page but should be just fine in smaller content zones and works great on mobile. The whole editable section is styled so all content within will be part of the block.
OmniUpdate users just type the text normally using the paragraph type. Change the type on the first paragraph to section using the editor.
Code Example:
<p> Data</p> - auto centered with flanking lines
<p>Why this is important</p>
<p>Second line and so on....</p>
CSS Style
infofacts_shoutout_univBlue
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
CSS Style
infofacts_shoutout_medBlue
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
CSS Style
infofacts_shoutout_lightBlue
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
CSS STYLE
infofacts_shoutout_gray
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
CSS STYLE
infofacts_shoutout_orange
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
CSS STYLE
infofacts_shoutout_beige
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
CSS STYLE
infofacts_shoutout_black
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
CSS STYLE
infofacts_shoutout_white
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
CSS Style
infofacts_shoutout_gradient
100%
what we try to give each day
what you'd like to achieve when completing any task you take on