Media card
A photo card with an optional logo or badge, heading, description and button - for portfolios, partners or featured links.
Good to know: this block is available on every plan, Free included.
Using it well
A card with an image and text, as a link or with a button. Several cards in Columns make a neat overview of services or products.
Adding it
Open your site in the builder, choose Add in the left panel and pick Media card (or search for it). Click the block in the preview to open its settings on the right.
Settings
Content
| Setting | What it does |
|---|---|
| Layout | Choose: Text over the photo; Photo on the right, text on the left. Default: Text over the photo. |
| Background image (optional - a solid accent-colour card is used when empty) | An image: upload one, pick from your media library or search free stock photos. |
| Photo focus point - click a spot, or drag the photo in the preview | Text. |
| Different focus point on small cards (phones, narrow columns) | Text. |
| Colour-grade the photo with the accent colour | On or off (default: off). |
| Darken the bottom of the photo (keeps text readable - text over the photo layout) | On or off (default: on). |
| Darken the photo (%) | A slider from 0 to 80 (default 0). |
| Content position (vertical) | Choose: Automatic; Top; Center; Bottom. Default: Automatic. |
| Content alignment (horizontal) | Choose: Left; Center; Right. Default: Left. |
| Card height | Choose: Fit content; Normal; Tall; Extra tall; Extra extra tall; Custom (slider below). Default: Normal. |
| Custom height (px) - with "Custom" card height | A slider from 120 to 900 (default 420). |
| On hover | Choose: Nothing; Photo zooms in slightly, button arrow nudges. Default: Nothing. |
| Edge to edge (full screen width, square corners - cards placed together touch) | On or off (default: off). |
| Accent colour (badge, button & tint - empty = neutral) | A colour; empty uses your theme colour. |
| Badge gradient end colour (optional) | A colour; empty uses your theme colour. |
| Logo (optional - shown instead of the badge) | An image: upload one, pick from your media library or search free stock photos. |
| Logo width (% of the card) | A slider from 20 to 90 (default 55). |
| Logo shape | Choose: As uploaded; Circle (cropped). Default: As uploaded. |
| Logo position - pick a spot, or drag the logo in the preview | Text. |
| Badge letter or emoji (optional) | Text, up to 4 characters. |
| Heading (optional) | Text, up to 60 characters. |
| Description (optional - press Enter for a line break) | Longer text. |
| Button label (optional - leave empty to make the whole card clickable) | Text, up to 40 characters. |
| Link (button, or the whole card when there is no label) | A link: a web address, one of your pages, a section on the page, an email address or a phone number. |
| Button arrow style | Choose: Filled; Outlined. Default: Filled. |
| Text size | Choose: Fixed - small; Fixed - medium; Fixed - large; Fixed - extra large; Grows with the card (wide cards get bigger text). Default: Fixed - small. |
| Icon links (optional) | A list you can add to, reorder and remove from (up to 4). Each item has: Icon; URL. |