Testimonials · Floating
A testimonial section for Bricks Builder with avatars floating around a central quote card; the next person opens every few seconds on its own. Built on the FBK Quote, visitors can choose a person to read their testimonial directly, or pause the rotation.
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 Floating testimonials, class fbk-floating
Card width (the middle of the stage) and avatar size
- --fbk-t-card-width
- 28em
- --fbk-t-avatar
- 4.5em
Inactive avatars
- --fbk-t-avatar-scale
- 0.88
- --fbk-t-avatar-opacity
- 0.6
Active ring
- --fbk-t-accent
- var(--primary)
Floating: one bob and its height; time per person before the next one
- --fbk-t-float-time
- 2s
- --fbk-t-float-height
- 0.5em
- --fbk-t-autoplay
- 6s
- --fbk-t-duration
- var(--fbk-hover)
Replaces
In Fancy Bricks 1.0 and 2.0 this was Floating testimonials (2.0).
