Skip to 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
Children Children component Hero Component Block Group No
Style Sets Optional list of Email Style blocks to apply to this block Text Block Group No
Custom CSS Classes Optional space-separated list of CSS classes to be applied to the element. Intended for use with EmailCSS blocks. Text Block Group No
Background Colour The colour of the background of this block. Colour Block Group No
Background Height These need to match the size of your hero background image and are used for Microsoft Outlook magic. Unit Value Block Group No
Background Width The width of the background image for the block. Unit Value Block Group No
Background Position The position of the background image in its container. Text Block Group No
Background URI The absolute URI of the background image for the block. Text Block Group No
Height The height of the hero section. (Required for fixed-height mode). Unit Value Block Group No
Border Radius The rounding radius of the corners of the element. Text Block Group No
Padding The padding around the element. Text Block Group No
Padding Bottom The padding below the element. Unit Value Block Group No
Padding Left The padding to the left of the element. Unit Value Block Group No
Padding Right The padding to the right of the element. Unit Value Block Group No
Padding Top The padding above the element. Unit Value Block Group No
Mode Whether the height should be fixed and based on the Height parameter, or fluid and based on the size of its contents. Text Block Group No
Vertical Alignment Vertical position of the element within its container. Text Block Group No