Opens in a new tab
Log inStart free

Gallery · Portfolio

A portfolio gallery for Bricks Builder with projects one after another: the text stays in place beside the photos as they pass and stack. A card with the author and a project index stays at the side, with a line showing how far you have scrolled.

Dark mode readyNeeds Code execution

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

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

Uses a small script. Turn on Code execution in Bricks › Settings › Custom code. How to turn on Code execution

Preview

Preview of the portfolio template: a portfolio gallery for Bricks Builder with projects one after another: the text stays in place beside the photos as they pass and stack

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 Intro

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

  • FBK Lightbox image

    An FBK Image that opens in the Bricks lightbox.

Adjust it

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

On the element Portfolio, class fbk-gfolio

Distance from the top of the screen while the card and the texts stay, and the step between stacked photos

--fbk-t-top
calc(var(--wp-admin--admin-bar--height, 0px) + var(--space-l))
--fbk-t-stack
var(--space-s)

Replaces

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

More like this

See all Galleries templates