Testimonials · Avatar slider
A testimonials section for Bricks Builder with an intro on the left and, on the right, a quote in a crossfading slider synced to a carousel of avatars that act as its navigation: the active avatar sits centered and large, with the quote's arrow pointing to it. There is no autoplay, so it stays easy to pause by hand.
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
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 Button
A link styled as a button, with style, size and width.
- FBK Intro
Eyebrow, title, lead and an actions slot for buttons.
- FBK Quote
A testimonial: quote, stars, avatar, name, role or company and date.
Adjust it
Change these variables in Bricks to tune it; everything else follows your framework.
On the element Testimonials, class fbk-avatar-quotes
Avatars
- --fbk-t-avatar-size
- 5em
- --fbk-t-avatar-scale
- 0.7
- --fbk-t-avatar-opacity
- 0.5
Accent: quote bottom band and arrow to the active avatar
- --fbk-t-accent
- var(--primary)
Motion
- --fbk-t-duration
- var(--fbk-hover)
Replaces
In Fancy Bricks 1.0 and 2.0 this was Testimonials (1.0).
