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
Parameter | Parameter | Valid Blocks | Required |
---|---|---|---|
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 |