Skip to content
Rich text
Overview
A flexible rich text content block that allows for formatted text content with customizable text color, alignment, and responsive visibility options.
Common use cases
- Use for any formatted text content like paragraphs, headings, lists
- Consider text color contrast when using force light/dark options
- Use visibility options to create different content for mobile/desktop
- Default text alignment is left-aligned for better readability
Block settings
General
| Setting | Description | Options |
|---|---|---|
| Show advanced settings | Reveals visibility, load animation, and scroll animation | Checkbox (default: false) |
Content
| Setting | Description | Options |
|---|---|---|
| Content | The main text content to display | Rich text input |
Spacing
| Setting | Description | Options |
|---|---|---|
| Enable horizontal padding | Adds horizontal padding around the content | Checkbox (default: false) |
| Enable top padding | Adds top padding around the content | Checkbox (default: false) |
| Enable bottom padding | Adds bottom padding around the content | Checkbox (default: false) |
Color
| Setting | Description | Options |
|---|---|---|
| Text color | Controls the text color | • Default (default) |
Style
| Setting | Description | Options |
|---|---|---|
| Font family | Controls the font family used for the text | • Standard (default) |
| Font size | Controls the font size of the text | • Smaller |
| Size | Custom font size when using custom typography | 4 - 200 px (default: 16) |
| Line height | Custom line height when using custom typography | 100 - 300 % (default: 150) |
| Letter spacing | Custom letter spacing when using custom typography | -3 - 3 rem (default: 0) |
Layout
| Setting | Description | Options |
|---|---|---|
| Horizontal alignment | Controls horizontal text alignment | • Left (default) |
| Enable max width | Limits the maximum width of the text content | Checkbox (default: true) |
| Enable balanced wrapping | Balances multiline text wrapping for supported browsers | Checkbox (default: false) |
Display
| Setting | Description | Options |
|---|---|---|
| Visibility | Controls when the block is visible | • All (default) Visible when Show advanced settings is on |
| Load animation | Animation when the block first loads | • None (default) Visible when Show advanced settings is on and Scroll animation is None |
| Scroll animation | Adds scroll-based animations to the block | • None (default) Visible when Show advanced settings is on and Load animation is None |
Keep extra whitespace
Under Show advanced settings, turn on Show extra whitespace to keep spacing at the start and end of the content. It is off by default.