Skip to main content

Hero

Overview

This block displays a hero image. It behaves like a section with a single column. background-height and background-width attributes are mandatory.


Parameters

ParameterParameterValid BlocksRequired
ChildrenChildren componentHero Component Block GroupNo
Style SetsOptional list of Email Style blocks to apply to this blockText Block GroupNo
Custom CSS ClassesOptional space-separated list of CSS classes to be applied to the element. Intended for use with EmailCSS blocks.Text Block GroupNo
Background ColourThe colour of the background of this block.Colour Block GroupNo
Background HeightThese need to match the size of your hero background image and are used for Microsoft Outlook magic.Unit Value Block GroupNo
Background WidthThe width of the background image for the block.Unit Value Block GroupNo
Background PositionThe position of the background image in its container.Text Block GroupNo
Background URIThe absolute URI of the background image for the block.Text Block GroupNo
HeightThe height of the hero section. (Required for fixed-height mode).Unit Value Block GroupNo
Border RadiusThe rounding radius of the corners of the element.Text Block GroupNo
PaddingThe padding around the element.Text Block GroupNo
Padding BottomThe padding below the element.Unit Value Block GroupNo
Padding LeftThe padding to the left of the element.Unit Value Block GroupNo
Padding RightThe padding to the right of the element.Unit Value Block GroupNo
Padding TopThe padding above the element.Unit Value Block GroupNo
ModeWhether the height should be fixed and based on the Height parameter, or fluid and based on the size of its contents.Text Block GroupNo
Vertical AlignmentVertical position of the element within its container.Text Block GroupNo