Contact · Info bar on a photo
A contact info bar riding on the lower edge of a wide photo for Bricks Builder, with the location's name over the image and a white bar below carrying hours, address, phone and a button. The photo can be swapped for a map using Bricks's own map element.
Dark mode ready
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 Button
A link styled as a button, with style, size and width.
- FBK Icon item
Icon, title and text, stacked, inline or boxed.
- 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 Stage, class fbk-cinfophoto
How far the bar rides into the photo
- --fbk-t-overlap
- var(--space-xl)
- --fbk-t-rule
- color-mix(in srgb, currentColor 16%, transparent)
- --fbk-t-rule-height
- 2.5em
