Image Banner block
21 May 2026
Media
A horizontal strip of 1-8 images at configurable row height — great for photo strips and brand banners.
What is the Image Banner block?
The Image Banner block lays 1-8 images out in a single horizontal CSS-grid row with small gutters. Use it for photo strips, brand banners, gallery teasers — any moment where you want to evoke breadth with a single quick visual scan.
The only real choice is imageHeight — four fixed row heights from 200px (sm) up to 600px (xl). Images are cover-cropped to fill the row. Optional title + subTitle render above the banner.
All examples below use the same 4 sample images. Hover over any example for the "How to set this up" button.
Height "sm" — 200px
Compact strip.
Height "md" — 300px
Default — the sensible balance.
Height "lg" — 450px
Doing real visual work.
Height "xl" — 600px
Full hero band.