Columns
Place elements side by side (stacks on small screens).
Good to know: this block is available on every plan, Free included.
Using it well
Choose 2, 3 or 4 columns and drop blocks into each one. On phones the columns stack, the first on top. Use it for a photo next to a text, or three feature cards in a row.
With Show each column as a card, give the cards their own colour and text colour (for example white cards on a coloured band), and a wavy edge for a playful look.
Adding it
Open your site in the builder, choose Add in the left panel and pick Columns (or search for it). Click the block in the preview to open its settings on the right. This block can also be used in blog posts.
Settings
Content
| Setting | What it does |
|---|---|
| Columns | Choose: One (a single card or box); Two; Three; Four. Default: Two. |
| Column widths | Choose: Equal; 1/3 + 2/3; 2/3 + 1/3; 1/4 + 3/4; 3/4 + 1/4; Wide middle; Wide left; Wide right; Wide left; Wide right; Two wide in the middle. Default: Equal. |
| Column width | Choose: Share the full width; A third each, centred (e.g. the last 2 cards under a row of 3); A quarter each, centred (e.g. the last 3 cards under a row of 4); Narrow and centred (about 720px, e.g. one card). Default: Share the full width. |
| Gap (px) | A slider from 8 to 48 (default 16). |
| Vertical align | Choose: Top; Center; Bottom; Stretch (equal height). Default: Top. |
| Stack on phones | On or off (default: on). |
| Show each column as a card (card surface colour, rounded, soft shadow) | On or off (default: off). |
| Card colour (empty = card surface colour) - for "Show each column as a card" | A colour; empty uses your theme colour. |
| Text colour on the cards (optional) | A colour; empty uses your theme colour. |
| Card edge | Choose: Smooth (rounded corners); Wavy (playful, scalloped all round). Default: Smooth (rounded corners). |
Divider
| Setting | What it does |
|---|---|
| Line between the columns | Choose: None; Line; Dashed; Dotted; Double line; Wavy; Zigzag. Default: None. |
| Line colour (empty = a soft shade of the text colour) | A colour; empty uses your theme colour. |
| Line thickness (px) | A slider from 1 to 6 (default 2). |