Opens in a new tab

Gallery · Masonry captions

A masonry gallery for Bricks Builder built on the native Image Gallery element in CSS columns, four wide on desktop and down to two on phones. Each photo's caption rises as a pill over the image on hover or keyboard focus, and clicking any photo opens the lightbox with the caption shown there too.

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

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 Intro

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

Adjust it

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

On the element Gallery, class fbk-mcaptions

Distance of the caption from the photo's edges

--fbk-t-inset
var(--space-xs)