Hero - Simple

A hero section with centered text and background image/color.

hero-simple


View a live demo of this section here.

The following is a detailed listing of the styling edits made to the section, the modules used in the section, and field changes from the modules' default state.

Section Styles

Alignment and spacing > Max width theme.global.max_width_narrow
Background > Color theme.global.colors.backgrounds.medioum_dark.color
Background > Image Position: MIDDLE_CENTER
Size: Cover
URL: placeholder

Modules


Text Block

Visible Elements Heading, Subheading
Semantic Heading Level 1
Style Heading Level 1
Styles > Dark Mode true
Styles > Alignment Desktop: Center