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.