InfoFacts: Bubble Brick
Important up top, explanation below
Bubble bricks were designed to be small round points of information that your page can use as a paragraph (p) tags. The first paragraph will be the bubble text and the remaining paragraph tags are part of the brick. The bubble and first line of the brick are centered and the first line of the brick is also underlined automatically.
OmniUpdate users just type the text normally using the paragraph type.
All p tags in the editable zone will be styled like this.
Code Example:
<p> Data</p> -- text automatically centered
<p>Why this is important</p> -- text automatically centered & underlined
<p>Why this is important</p>
CSS Style
infofacts_bubblebrick_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_ bubblebrick _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_ bubblebrick _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_ bubblebrick _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_bubblebrick_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_bubblebrick_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_bubblebrick_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_bubblebrick_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_bubblebrick_gradient
100%
what we try to give each day
what you'd like to achieve when completing any task you take on