FBK Media text
Two columns: media on one side, text (FBK Intro, lists, buttons) on the other.
- Used in 7 templates
- 8 options
- Native Bricks element
One FBK Media text, as in the first example below. Change anything from the panel after you paste it.
In the annual plan, $99/year. See plans
Every FBK Media text variation
Live from the demo site. Switch the width and the background, or open it full screen.
Loading demo…
The options
Every property of the component, in the order the Bricks panel shows them.
| Option | Choices | Default |
|---|---|---|
| Media sideWhich side the media takes on desktop. | Start (left), End (right) | Start (left) |
| ColumnsMedia wider: 3:2. Media narrower: 2:3. One column on tablet and mobile. | Equal, Media wider, Media narrower | Equal |
| Vertical alignmentWhere the shorter column sits next to the taller one. | Center, Top, Bottom, Same height (media fills it) | Center |
| Order when stackedTablet and mobile. | Media first, Text first | Media first |
| LookPlain: no box. Soft: a tinted box that fills on hover. Outline: a thin edge that fills on hover. Solid: filled. Elevated: a raised surface with a small shadow. The same looks as every Fancy Bricks component (and the buttons: Ghost, Secondary, Outline, Primary). | Plain, Soft, Outline, Solid, Elevated | Plain |
| ToneBrand: your accent color. Neutral: the text color around it. White: the same on every background, for controls over photos. | Brand, Neutral, White | Neutral |
| ShapeRounded and Square follow your site radius. | Rounded, Square | Rounded |
| OverlapThe text panel also covers the edge of the media (how far: --fbk-mediatext-overlap). Use it with a look that has a panel (Outline, Soft…). | Off, On | Off |
Used in 7 templates
A few of them. Change FBK Media text once on your site and every one of these sections follows.
Questions, answered
Short answers about FBK Media text.
Do I need a template to use FBK Media text?
No. Copy it from this page and paste it anywhere in Bricks. It also comes with every template that uses it.
What happens if I change FBK Media text on my site?
Every instance follows: the design lives in the component and its classes, not in each copy.
Does it work with my framework?
Yes. Copy it for Fancy Framework, Automatic.css or Core Framework, and it uses your colors and sizes.