Caption carousel
A photo carousel for Bricks Builder that loops two tall photos per view with a slice of the next one showing. The active photo opens a caption panel with a title, text and accent bar, while the others stay plain. There is no autoplay, so nothing needs a pause button.
In the annual plan, $99/year. See plans
Preview
Loading demo…
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-capslide
Height of every photo (if your caption text is longer, raise it)
- --fbk-t-height
- clamp(24em, 32vw, 28em)
Accent bar on the caption's start edge
- --fbk-t-accent
- var(--fbk-accent)
Arrows sit inside the photos, this far from the carousel's edges
- --fbk-t-arrow-inset
- var(--space-s)
The next arrow: on the peek of the next photo; on phones (narrow peek) over the active photo
- --fbk-t-arrow-end
- var(--fbk-t-arrow-inset)
Caption state: closed (the active slide's caption sets 1fr and 1)
- --fbk-capslide-open
- 0fr
- --fbk-capslide-shown
- 0
Replaces
In Fancy Bricks 1.0 and 2.0 this was Carousel (1.0).
