Hero Slider
Pair one headline with multiple rotating background photos.
Usage
Hero Slider keeps headline, subhead, and button text in place while background images slide behind the content. Add slides in the sidebar and tune alignment, overlay, and motion timing.
When to use it
Use when one message applies to several visualsβseasonal campaigns, multi-location brands, or product families. Prefer the standard Hero block when a single static background is enough.
Tips
- Match overlay strength so text stays readable on every slide.
- Content Align controls where the text block sits over the imagery.
- Keep slide count modest; long carousels slow the first impression.
Screenshots
Front-end
-
About-page hero with bottom-left headline over a bright interior slide, followed by a text-and-photo band. -
Same headline over a darker lounge slide β background changes while copy stays put.
Editor
-
Content settings β enable text, headline, link, and text position over the slider. -
Background Images gallery β add, reorder, and caption the slides behind the hero copy.
Settings
Content

Enable Text

Headline

Subheadline

Link URL

Link TextAvailable when Link URL is enabled

Text Position

Logo

Size
Options

Content Width

Headline Style

Subheadline Style

Link Style

Size

Desktop Height (VH)

Mobile Height (VH)
Overlay / Text

Text Color

Overlay (Text Legibility)

Overlay StyleAvailable when Overlay (Text Legibility) is βOverlayβ

Overlay Color

Overlay Opacity
Background Images

Autoplay

Autoplay interval (seconds)Available when Autoplay is enabled

Pause on hoverAvailable when Autoplay is enabled

Fade transition

Disable Lazy Load

High Fetch Priority

Blur

Blur AmountAvailable when Blur is enabled
