FBK Mini card
A thumbnail and a linked title, the whole card clickable.
- Used in 5 templates
- 14 options
- Native Bricks element
One FBK Mini card, 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 Mini card 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 |
|---|---|---|
| ThumbnailSquare crop. Decoration: the title names the card. | Any image | — |
| Title | Any text | Mini card title |
| LinkThe whole card is clickable through this link. | Any link | — |
| Title tag | H3, H4, p | H3 |
| Text | Any text | A short line about it. |
| Hide text | On or off | On |
| Hide thumbnail | On or off | Off |
| 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 | Outline |
| 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 |
| AccentA brand bar on the start edge (it follows the radius). | None, Bar | None |
| Hover effectFill (the original's effect, on by default): the accent color sweeps over the card and the text turns white, on hover and keyboard focus. Title color: only the title changes color. | Title color, Fill | Fill |
| HTML tagli when the cards are inside a list (ul). | div, li | div |
| BackgroundDark or Brand when the card sits on a dark or brand background you made. | Auto, Light, Dark, Brand | Auto |
Used in 5 templates
A few of them. Change FBK Mini card once on your site and every one of these sections follows.
Related components
All components
CardsFBK Card grid
A grid that takes FBK Card or FBK Icon item instances, or a query loop.Includes FBK Card
CardsFBK Video card
A video poster with a play disc that opens the video in a lightbox.Includes FBK Video lightbox
CardsFBK Post card
A blog post inside a query loop: image, title, excerpt, Read more.
Questions, answered
Short answers about FBK Mini card.
Do I need a template to use FBK Mini card?
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 Mini card 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.
Every component comes inside a template
Browse the library, copy a section, and the components it uses come with it.