Opens in a new tab
Log inStart free

Overflow carousel

A carousel for Bricks Builder with a centered intro above a row of cards that runs past both screen edges and plays on its own. Below it, segments fill as each card plays, alongside a pause button and arrows, so visitors can follow along or take control of the pace.

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 overflow carousel template: a carousel for Bricks Builder with a centered intro above a row of cards that runs past both screen edges and plays on its own

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 Carousel, class fbk-overflow

Stories peeking past the edges: fainter and a little smaller

--fbk-t-side-opacity
0.35
--fbk-t-side-scale
0.9

Controls row under the cards

--fbk-t-controls-gap
var(--space-m)

Replaces

In Fancy Bricks 1.0 and 2.0 this was Overflow carousel (2.0).

More like this

See all Sliders templates