Opens in a new tab

Blog · Post list

A post list for Bricks Builder laid out as link rows: date and category, title and excerpt, then a photo. On hover or focus the photo lifts into view tilted beside the row and straightens, while the title shifts and an arrow slides forward; the effect lives in a removable class.

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 Button

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

  • 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 Posts, class fbk-bloglist

Width of the date column and of the photo that appears on hover

--fbk-t-date
9em
--fbk-t-photo
13em

Tilt of the photo before it straightens

--fbk-t-tilt
4deg

More like this

See all All templates