Opens in a new tab

Text and media · Quote over a photo

A quote over a photo for Bricks Builder: a full bleed background photo under a neutral veil, with a large centered quote and its author, avatar, name and role on top. Built with the FBK Quote component, with large accent quote marks above it and no entrance zoom on the photo.

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

In the annual plan, $99/year. See plans

Preview

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 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 Stage, class fbk-photoquote

Neutral shade over the photo (raise it for a light photo: the white text must stay readable)

--fbk-t-shade
color-mix(in srgb, var(--base-ultra-dark) 62%, transparent)

Quote size

--fbk-t-quote-size
var(--h3)

Every setting, step by step, in the docs