A full-width banner with a background image or video, separately configurable for desktop and mobile, plus a flexible set of content blocks.
Layout
- Extend behind header - applies when this is the first section on the page.
Desktop
- Image and Video - a video overrides the image if both are set.
- Overlay opacity and Overlay color - darken or tint the background so text stays readable.
- Section height
- Horizontal alignment and Vertical alignment
- Content width
Mobile
- Image and Video - fall back to the desktop image or video if left blank.
- Overlay opacity
- Section height
- Horizontal alignment and Vertical alignment
Styling
- Color scheme - used as a fallback when no background image is set.
- Content style and Content color scheme
- Framing text style and related settings
Unlike most sections, this section's Advanced styling doesn't include Space above/below or a Background image override, since height, alignment, and background are already set directly above.
Blocks
| Block | What it does |
|---|---|
| Heading | Choose a heading tag. |
| Text | A simple text block. |
| Button(s) | Optionally show a second button alongside the first. |
| Image | Adjustable image width, plus an Image shape crop (Square, Pill, Arch, or Circle) with an optional border in the theme's border style. |
| Collapsible row | Great for FAQs, shipping info, and other tab-style content. |
| Icons with text | A group of icon and label pairs. Add an Icon with text block inside it for each pair: choose an icon (or upload a custom one), an icon size, and a text label, each with its own Content style and color scheme. The group sets the layout (Standard, Inline, or Columns), columns on mobile, the gap between items, and card styling for the whole set. |
| Numbers | A group of stats. Add a Number block inside it for each number and label pair. The group has the same layout, gap, and card styling controls as Icons with text. |
| Stars | Set a rating from 1 to 5. |
| Countdown | Set an end date and time, plus a message to show once it's expired. |
| Newsletter | A signup form. |
| Rotating element | A rotating badge of text or an image. |
| Custom liquid | Add your own Liquid code. |