Opens in a new tab
Log inStart free

Process · Timeline links

A process timeline for Bricks Builder with a list of links on a dark background: hover or focus on a link and its photo fades in beside the list, with a default photo showing the rest of the time. Built on the native FBK Timeline, it is a clean way to pair steps with imagery.

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 timeline links template: a process timeline for Bricks Builder with a list of links on a dark background

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.

  • FBK Timeline

    An ordered list of steps: vertical, alternate or horizontal.

  • FBK Timeline step

    One step of an FBK Timeline: marker, date, title and text.

Adjust it

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

On the element Links and photo, class fbk-tl-links

Photo proportion and how long it takes to appear

--fbk-t-photo-ratio
4 / 5

One hover duration for the whole library (--fbk-hover)

--fbk-t-photo-speed
var(--fbk-hover)

Replaces

In Fancy Bricks 1.0 and 2.0 this was List timeline (2.0).

More like this

See all Timelines templates