Skip to content

Flip cards

The Lapels Flip cards section: the heading "Tap to reveal the other side." with the last three words in italic, above three dark picture cards with a small plus mark in the top right of each and a title set over the lower left. The cloth sits over a photograph of trousers and boots, The cut over a camel scarf being tied, and The seam over a green blazer being buttoned.

Picture cards with a second side. Each Card block shows a photograph with a short title over it. A tap, a click or the keyboard turns it over to show a sentence on the back.

What it does: Hides the explanation until it is asked for. Three cards reading “The cloth”, “The cut”, “The seam” invite a question, and answer it in place instead of spending three paragraphs of page on it.

Key settings (in the section’s settings):

SettingWhat it doesDefault
Color schemeSection colors.scheme-ecru
Heading widthNarrow, Normal, Wide, or Full width.Wide
Heading alignmentLeft, center, or right.Left
SubheadingAn optional small label above the heading.Empty
HeadingThe headline. Italicize a word to set it in the emphasis font.”Tap to reveal the other side.
Intro textAn optional line under it.Empty
Columns on desktop2 to 4.3

The section also carries a Section spacing group. Pick a Device of Desktop or Mobile, then set Top and Bottom padding from 0 to 200px. Desktop starts at 96px and mobile at 56px.

Blocks: Card, up to 8.

SettingWhat it doesDefault
ImageThe picture on the front.Empty
Front headingThe short title over it.”The cloth”
Back noteThe sentence revealed on the other side.”Undyed wool, chosen at the fleece, spun in three named mills.”

When to use it: Use it for three or four sides of one idea, such as how something is made or what a house stands for. For facts that must be read rather than found, use Icon list or Feature tiles.

Related: Feature tiles · Icon list · Image hotspot · Lapels support replies within 12 hours.