# 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.

Tally theme documentation · HTML version: https://themelab.page/tally/docs/sections/multicolumn/

## At a glance

- **In the editor:** Multicolumn
- **Where it goes:** Any page template, with Add section
- **In the presets:** Tally: About page; Poster: About page; Petal: About page
- **Settings:** 23
- **Blocks:** Column
- **App blocks:** Yes

## Set it up

1. Add a **Column** block for each item.
2. 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.
3. 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: Multicolumn** (23 settings, in editor order)

| 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 (step 1) | 3 |
| **Columns on mobile** | 1 · 2 | 1 |
| **Color scheme** | Color scheme | Scheme 1 |

*Grid spacing*

| Setting | Options | Default |
| --- | --- | --- |
| **Use custom spacing** – Otherwise the spacing from Theme settings > Layout is used. | Checkbox | Off |
| **Space between columns** | 0–64px (step 2) | 20px |
| **Space between rows** | 0–96px (step 2) | 20px |
| **Space between columns on mobile** | 0–32px (step 1) | 8px |
| **Space between rows on mobile** | 0–64px (step 1) | 21px |

*Section spacing*

| Setting | Options | Default |
| --- | --- | --- |
| **Top padding** | 0–160px (step 4) | 80px |
| **Bottom padding** | 0–160px (step 4) | 80px |
| **Top padding on mobile** | 0–120px (step 4) | 56px |
| **Bottom padding on mobile** | 0–120px (step 4) | 56px |

*Advanced*

| Setting | Options | Default |
| --- | --- | --- |
| **Hide on mobile** | Checkbox | Off |
| **Hide on desktop** – Mobile 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 ID** – Link to this section with #anchor-id. | Text | – |

## Block settings

**Block: Column** (6 settings, in editor order)

| Setting | Options | Default |
| --- | --- | --- |
| **Icon** | None · Truck · Return · Shield · Card · Chat · Gift · Tag · Box · Lamp · Leaf · Clock · Star · Heart · Globe | Truck |
| **Image** – Replaces the icon. | Image | – |
| **Heading** | Text | Sample text |
| **Text** | Rich text | Sample text |
| **Link label** | Text | – |
| **Link** | Link | – |

## Related

- [Trust bar](https://themelab.page/tally/docs/sections/trust-bar.md): A narrow row of icons with short promises – delivery, returns, secure payment, support.
- [Image with text](https://themelab.page/tally/docs/sections/image-with-text.md): A photo beside text built from blocks – label, heading, text, list, stats and buttons – plain or on an overlapping card.
- [Tabs](https://themelab.page/tally/docs/sections/tabs.md): Tabs with an image, heading, text and button each – a routine, materials or how an order works.