Hero & Banners
Split banners (3-up)
Section handle:
split-banner-3up
Settings
Layout
| Setting | Type | Default | Description |
|---|---|---|---|
| Layout width | Dropdown | contained | Select an option. · Options: contained – Contained, full_bleed – Full bleed |
| Gutter spacing | Dropdown | standard | Affects spacing only. · Options: tight – Tight, standard – Standard, wide – Wide |
Style
| Setting | Type | Default | Description |
|---|---|---|---|
| Section background | Dropdown | none | Select an option. · Options: none – None, tint – Tint, soft_gradient – Soft gradient |
| Card style (rounded tiles) | Toggle (on/off) | Off | Adds rounded corners to tiles. Pair with per-block Content container style → Card for the full card look. |
Blocks
Maximum blocks: 3
Banner
Block type:
banner
Layout
| Setting | Type | Default | Description |
|---|---|---|---|
| Content mode | Dropdown | auto | Auto uses Text overlay when any text or buttons are set; otherwise it becomes Image only. · Options: auto – Auto, overlay – Text overlay, below – Content below image, image_only – Image only |
| Horizontal alignment | Dropdown | left | Affects alignment only. · Options: left – Left, center – Center, right – Right |
| Vertical alignment | Dropdown | middle | Affects alignment only. · Options: top – Top, middle – Middle, bottom – Bottom |
| Height | Dropdown | medium | Select an option. · Options: short – Short, medium – Medium, tall – Tall, auto – Auto |
Content
| Setting | Type | Default | Description |
|---|---|---|---|
| Desktop image | Image | — | Select an image to display. |
| Mobile image | Image | — | Select an image to display. |
| Image alt text (leave blank for decorative images) | Text | — | Used for accessibility purposes. |
| Eyebrow | Text | — | Optional. Leave blank to hide. |
| Heading | Text | — | Optional. Leave blank to hide. |
| Subheading | Rich text | — | Optional. Leave blank to hide. |
| Button 1 label | Text | — | Optional. Leave blank to hide. |
| Button 1 link | URL / Link | — | Optional. Leave blank to disable. |
| Button 1 style | Dropdown | primary | Select an option. · Options: primary – Button (primary), secondary – Button (secondary), text – Text link, arrow – Arrow |
| Button 2 label | Text | — | Optional. Leave blank to hide. |
| Button 2 link | URL / Link | — | Optional. Leave blank to disable. |
| Button 2 style | Dropdown | secondary | Select an option. · Options: primary – Button (primary), secondary – Button (secondary), text – Text link, arrow – Arrow |
Behavior
| Setting | Type | Default | Description |
|---|---|---|---|
| Full-card link | Toggle (on/off) | Off | Toggles this option. |
| Card link | URL / Link | — | Optional. Leave blank to disable. |
Style
| Setting | Type | Default | Description |
|---|---|---|---|
| Overlay style | Dropdown | none | Affects visual styling only. Does not change layout or structure. · Options: none – None, light – Light, medium – Medium, dark – Dark, gradient – Gradient |
| Content container style | Dropdown | none | Affects visual styling only. Does not change layout or structure. · Options: none – None, card – Card |
Default Configuration
When you add this section from the Theme Editor, it comes pre-configured with:
- Split banners (3-up) — 3× Banner