Background Color Change

• background-color-1
• background-color-2
• background-color-dark

Full width

Applies to Embeds, Photo Grids, Photo One Column, Columns +, Heroes, 1 Photo Text Right/Left, and 50/50 Blocks

• full-width

Utilities

• hide - Hides block from page.
• hide-phone - Hides block on phones, will display at 768 and up
• m-b-0 - Removes bottom margin on block
• m-t-0 - Removes bottom margin on block

Heroes

Content Positioning

• content-top
• content-bottom
• content-left
• content-right

Image Positioning

• image-10-percent
• image-20-percent
• image-30-percent
• image-40-percent
• image-50-percent
• image-60-percent
• image-70-percent
• image-80-percent
• image-90-percent

Overlays

Loops through the brand colors. If there’s only 6 brand colors, then there will only be six overlay options.

• overlay-color-1
• overlay-color-2
• overlay-color-3
• etc.

Other

• parallax - Sets a parallax effect on the the hero
• full-height - Make a hero image take up the full screen height
• fixed-background - Make a hero image stay fixed in place while the page content scrolls over it

Basic HTML

<br/>

<hr> or ---

<a href="https://www.apple.com" class="btn">Visit Apple's Website</a>