Multicolumn
Columns side by side, each with an icon or an image, a heading, a short text and a link. Use it for benefits, services, ingredients or how something works.
- In the editor
- Multicolumn
- Where it goes
- Any page template, with Add section
- In the presets
- Index: About page; Poster: About page; Petal: About page
- Settings
- 23
- Blocks
- Column
- App blocks
- Yes
Set it up
- Add a Column block for each item.
- Pick an Icon – truck, return, shield, card, chat, gift, tag, box, lamp, leaf, clock, star, heart or globe – or upload an Image to replace it.
- Write the Heading and Text, and add a Link label and Link if the column leads somewhere.
Options
- Columns on desktop: 1 to 6. Columns on mobile: 1 or 2.
- Column style: Plain, or Card on a soft panel.
- Text alignment: left or center.
- Image ratio: square, landscape or portrait, for columns with images.
- With Theme settings › Shapes › Image shape in editorial sections set to Arch, column images get an arched top.
The About page template uses Multicolumn for three values.
All settings
Every setting in the order of the theme editor, with its options and its default value.
Section: Multicolumn23 settings
| Setting | Options | Default |
|---|---|---|
| Heading | Rich text (one line) | Sample text |
| Text | Rich text | – |
| Heading size | Large · Medium · Small | Medium |
| Heading alignment | Left · Center | Left |
| Column style | Card · Plain | Plain |
| Text alignment | Left · Center | Left |
| Image ratio | Square · Landscape · Portrait | Landscape |
| Columns on desktop | 1–6 | 3 |
| Columns on mobile | 1 · 2 | 1 |
| Color scheme | Color scheme | Scheme 1 |
| Grid spacing | ||
| Use custom spacingOtherwise the spacing from Theme settings > Layout is used. | Checkbox | Off |
| Space between columns | 0–64px | 20px |
| Space between rows | 0–96px | 20px |
| Space between columns on mobile | 0–32px | 8px |
| Space between rows on mobile | 0–64px | 21px |
| Section spacing | ||
| Top padding | 0–160px | 80px |
| Bottom padding | 0–160px | 80px |
| Top padding on mobile | 0–120px | 56px |
| Bottom padding on mobile | 0–120px | 56px |
| Advanced | ||
| Hide on mobile | Checkbox | Off |
| Hide on desktopMobile means below the width where the header switches to the mobile menu (Header > Switch to the mobile menu below). | Checkbox | Off |
| Animate on scroll | Checkbox | On |
| Anchor IDLink to this section with #anchor-id. | Text | – |
Block settings
Block: Column6 settings
| Setting | Options | Default |
|---|---|---|
| Icon | None · Truck · Return · Shield · Card · Chat · Gift · Tag · Box · Lamp · Leaf · Clock · Star · Heart · Globe | Truck |
| ImageReplaces the icon. | Image | – |
| Heading | Text | Sample text |
| Text | Rich text | Sample text |
| Link label | Text | – |
| Link | Link | – |
Related
Trust barA narrow row of icons with short promises – delivery, returns, secure payment, support.Image with textA photo beside text built from blocks – label, heading, text, list, stats and buttons – plain or on an overlapping card.TabsTabs with an image, heading, text and button each – a routine, materials or how an order works.