# Rich text

> A block of text for a statement, an introduction or a short manifesto, with a label, a heading, text, buttons and a row of link chips. Centered or left-aligned, plain or on a soft card.

Tally theme documentation · HTML version: https://themelab.page/tally/docs/sections/rich-text/

## At a glance

- **In the editor:** Rich text
- **Where it goes:** Any page template, with Add section
- **In the presets:** Petal: Home page
- **Settings:** 12
- **Blocks:** Label, Heading, Text, Buttons, Link chips
- **App blocks:** Yes

## Blocks

- **Label:** a small line above the heading.
- **Heading:** in four sizes, from small to extra large.
- **Text:** with **Large text** on for an introduction that reads like a lede.
- **Buttons:** up to two, each primary or secondary.
- **Link chips:** the links of a menu as small chips – a quick way to point to collections or help pages. Create the menu in **Online Store › Navigation**.

## Options

- **Width:** narrow, medium or wide. Narrow keeps long text at a comfortable line length.
- **Text alignment:** left or center.
- **Style:** *Plain*, or a *Card* on a soft panel.

The Petal preset opens its home page story with a rich text section right after the banner.

## All settings

Every setting in the order of the theme editor, with its options and its default value.

**Section: Rich text** (12 settings, in editor order)

| Setting | Options | Default |
| --- | --- | --- |
| **Width** | Narrow · Medium · Wide | Medium |
| **Text alignment** | Left · Center | Center |
| **Style** | Plain · Card | Plain |
| **Color scheme** | Color scheme | Scheme 1 |

*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: Label** (1 setting, in editor order)

| Setting | Options | Default |
| --- | --- | --- |
| **Text** | Text | Sample text |

**Block: Heading** (2 settings, in editor order)

| Setting | Options | Default |
| --- | --- | --- |
| **Heading** | Rich text (one line) | Sample text |
| **Size** | Extra large · Large · Medium · Small | Large |

**Block: Text** (2 settings, in editor order)

| Setting | Options | Default |
| --- | --- | --- |
| **Text** | Rich text | Sample text |
| **Large text** | Checkbox | On |

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

| Setting | Options | Default |
| --- | --- | --- |
| **First button label** | Text | Sample text |
| **First button link** | Link | – |
| **First button style** | Primary · Secondary | Primary |
| **Second button label** | Text | – |
| **Second button link** | Link | – |
| **Second button style** | Primary · Secondary | Secondary |

**Block: Link chips** (1 setting, in editor order)

| Setting | Options | Default |
| --- | --- | --- |
| **Menu** | Menu | Main menu |

## Related

- [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.
- [Section](https://themelab.page/tally/docs/sections/section.md): Build any section from blocks – headings, text, buttons, images, spacers, dividers and nestable groups.
- [Newsletter](https://themelab.page/tally/docs/sections/newsletter.md): A signup form on a soft card, centered or beside the text, with an optional image.