Opens in a new tab

Text media · Checklist

A text-and-media section for Bricks Builder with a photo carrying a brand-colored circle in its corner and a call-to-action button, set beside an intro and a checklist of points with icons. Hover the photo and the circle grows to cover it as a phrase slides in.

Dark mode ready

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

In the annual plan, $99/year. See plans

Preview

Preview of the checklist template: a text-and-media section for Bricks Builder with a photo carrying a brand-colored circle in its corner and a call-to-action button

Template details

What’s inside

The components it’s built from. They come with the template when you paste it, and you edit them from the Bricks panel.

  • FBK Button

    A link styled as a button, with style, size and width.

  • FBK Icon item

    Icon, title and text, stacked, inline or boxed.

  • FBK Image

    A photo with proportion, shape, decoration, border and an optional caption.

  • FBK Intro

    Eyebrow, title, lead and an actions slot for buttons.

  • FBK Media text

    Two columns: media on one side, text (FBK Intro, lists, buttons) on the other.

Adjust it

Change these variables in Bricks to tune it; everything else follows your framework.

On the element Photo box, class fbk-mdcheck

The brand circle: how much of it shows at rest (radius from the bottom corner) and its color

--fbk-t-circle
50%
--fbk-t-fill
var(--fbk-btn-primary-bg, var(--primary))

Replaces

In Fancy Bricks 1.0 and 2.0 this was Content (1.0).