Rollover Cards
Build a grid of image cards with hover-reveal headlines and links.
Usage
Rollover Cards is a parent block: add Rollover Card children, each with an image and overlay text. Parent settings control grid columns, aspect ratio, typography, and hover behavior for every card.
When to use it
Use for team grids, portfolio tiles, or linked promo cards where the photo leads and copy appears on interaction. Keep overlay text short so it fits the crop.
Tips
- Select the parent block for grid-wide options; select a child card to change that tileβs image and copy.
- Aspect Ratio keeps the grid even when source photos differ.
- Reverse Print helps light text on dark overlay backgrounds.
Settings
Grid Settings

Columns

Grid Gap

Aspect Ratio

Corners
Content

Text Position

Card Padding

Text Color

Small Text
Headlines

Headline Tag

Headline Appearance
Overlay

Overlay Style

Overlay Color

Overlay Opacity

Overlay Opacity on Hover
Reveal

Show Headline on Hover

Show Body on Hover

Show Button on Hover
Links

Link Style

Link Arrow
Appearance

Card Shadow

Shadow WeightAvailable when Card Shadow is enabled

Shadow SizeAvailable when Card Shadow is enabled
Content
Headline
Link URL
Link Text
Image
Image Focal Point