Banner settings
Shared color tokens and patterns for banner sections and banner blocks.
Last updated About 7 hours ago
Banner visuals pull from two places: color scheme banner tokens and per-banner/block media settings.
Color scheme banner tokens
In Theme settings > Colors, each color scheme defines banner colors used across Banner sections, Slideshow banner blocks, Collage banners, Collection banner blocks, and sidebar banners:
- Background and gradient
- Heading, subheading, icon, and body text
- Overlay color and gradient (for text readability over photos)
Pick the scheme in the section or block Color scheme dropdown.
Per-banner settings pattern
Every banner — standalone section or block — follows the same structure:
Banner background — image or Shopify-hosted video, desktop and mobile uploads, fit mode.
Banner foreground content — alignment, icon, caption, heading (with Heading size xs–jumbo), subheading, button, and Link style.
Foreground media (a floating product image on top) was removed in v1.1 — use background imagery instead.
Other settings
Height and width: Section height, Width settings. For in-grid collection promos see Collection banner block; for full collection headers see Collection banner.