Text media · Sticky photo
A text and media section for Bricks Builder with an index of anchors, a sticky photo and a column of text blocks: as each block crosses the center of the screen the photo cross-fades and its entry lights up in the index, and clicking an entry scrolls straight to its block.
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 Image
A photo with proportion, shape, decoration, border and an optional caption.
- 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 Sticky content, class fbk-mdsticky
Columns: index, photo and texts
- --fbk-t-cols
- minmax(0, 0.8fr) minmax(0, 1.2fr) minmax(0, 1.2fr)
Index: color of its label, numbers and focus ring
- --fbk-t-accent
- var(--fbk-highlight-accent, var(--fbk-accent))
- --fbk-t-time
- 0.8s
Replaces
In Fancy Bricks 1.0 and 2.0 this was Sticky section (1.0) and Sticky content (1.0).
