Opens in a new tab
Log inStart free

Center focus carousel

A card carousel for Bricks Builder with text cards that carry a large faint icon, three per view: the center one in focus, the ones beside it smaller and fainter, and the far ones fading out past the edges. It autoplays, with a pause button.

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 center focus carousel template: a card carousel for Bricks Builder with text cards that carry a large faint icon

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 Card

    A media slot, title, text, a content slot and an actions slot.

  • 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-center

The cards beside the center one, and the ones further away

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

Replaces

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

More like this

See all Sliders templates