Opens in a new tab

Blog · Bento stack

A bento grid for your blog posts in Bricks Builder: the newest post spans two columns and three rows with its excerpt showing, while three more line up in a slim stack beside it. Built with the FBK Post card component, so the cards and the loop stay editable from the panel.

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.

  • FBK Post card

    A blog post inside a query loop: image, title, excerpt, Read more.

Adjust it

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

On the element Posts, class fbk-bentostack

Height of one row of the stack (the featured post takes three)

--fbk-t-row-h
9.5em

Photo size in the stack

--fbk-t-thumb
7em
--fbk-card-overlay-height
100%

Replaces

In Fancy Bricks 1.0 and 2.0 this was Post Grid (1.0).

More like this

See all All templates