Image and text cards section

Full-color cards that stick and stack on top of each other, scaling and dimming as the next one covers them.

The same section in the three themes:

Picante style

Overdrive style

Pastille style

Where to find it: In the theme editor, choose Add section on any template, then pick Image and text cards.

The heading area is a static block named Section header. Select it in the section sidebar to edit the eyebrow, heading, text and buttons, or to restyle or reorder them.

When you add this section, it starts from the Image and text cards preset.

Settings

Cards

Setting	Type	Default	Options	Notes
Height	Slider	70 %	40 to 90 %, step 5	Share of the screen height on desktop. Cards grow with their content on mobile.
Corner radius	Slider	40 px	0 to 80 px, step 4
Gap	Slider	24 px	0 to 80 px, step 4
Media position	Select	Right	Left, Right
Alternate media side	Checkbox	On
Show numbers	Checkbox	On

Stacking effect

Setting	Type	Default	Options	Notes
Distance from the top	Slider	16 px	0 to 120 px, step 4	Space between the header and the pinned card.
Space between stacked cards	Slider	12 px	0 to 40 px, step 2	How far each pinned card sits below the one before it, so the edges stay visible.
Shrink when covered	Slider	6 %	0 to 20 %, step 1
Fade when covered	Slider	20 %	0 to 60 %, step 5
Stack on mobile	Checkbox	On		Turn off for long card text, so cards never cut it off on small screens.

Section style

Setting	Type	Default	Options	Notes
Color scheme	Color scheme	Scheme 1
Layout width	Select	Page width	Page width, Full width
Animation on scroll	Select	Theme default	Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in
Top padding	Slider	80 px	0 to 200 px, step 8
Bottom padding	Slider	80 px	0 to 200 px, step 8

Blocks

Add, reorder, duplicate or remove these blocks in the section sidebar: Section header, Card.

This section holds up to 8 blocks.

Section header block settings

Setting	Type	Default	Options	Notes
Layout	Select	Stacked	Stacked, Split: content left, button right
Alignment	Select	Left	Left, Center, Right	Shown when Layout is Stacked.
Max width	Select	None	None, Narrow, Normal
Gap	Slider	12 px	0 to 64 px, step 4
Space below	Slider	48 px	0 to 120 px, step 4
Animation on scroll	Select	None	Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in

Card block settings

Setting	Type	Default	Options	Notes
Show media	Checkbox	On
Image	Image			Shown when Show media is on.
Vertical alignment	Select	Bottom	Top, Middle, Bottom	Bottom places the card number at the top and the content at the bottom.

Colors and border

Setting	Type	Default	Options	Notes
Color scheme	Color scheme	Scheme 2