Hero gallery
Display multiple hero images or videos with thumbnail navigation
Section height
Click Slide block to find settings
Section height
Adapt to screen height (50 - 100%) Fixed height (300 - 800px)
Mobile section height
Adapt to screen height (50 - 100%) Fixed height (300 - 800px)
Slide thumbnails
The Slide thumbnails show a small image of each slide, which visitors can click through to navigate the gallery.
In the section settings, change the size and position, and choose to enable the corner radius from global styles.
Click Section to find settings
Media ratio
Portrait (2:3) Portrait (4:5) Square (1:1) Landscape (5:4) Landscape (4:5) Custom
Media width
60 - 200px
Position
Left Center Right
Mobile position
Left Center Right
Corner radius
Slide blocks
Add an Image slide or Video slide block.
Media
Click Slide block to find settings
Image
Mobile image
Video
Video focal point
Content
Add overlay headings and text.
Click Slide block to find settings
Overline
Overline size
1 - 4
Heading
Heading size
1 - 6
Text
Text size
1 - 4
Buttons
Add a primary and secondary button.
Click Slide block to find settings
Link
Label
Size
XS S M L
Style
Solid Outline Text
Color scheme
Default Primary Secondary Soft Overlay Overlay soft
Colors
Click Slide block to find settings
Color scheme
Match section Default Inverse Soft Accent Accent inverse Overlay
Overlay opacity
0 - 100%