Rich text
Overview
The Rich text section lets you present text-based content in a flexible layout. It includes controls for section width, text alignment (desktop and mobile), optional scroll-fade animation, color scheme, and spacing (inner and outer padding). Content is built using blocks, including theme blocks and optional app-provided blocks. The section also includes dedicated grouping blocks for managing content width and button layouts.
Section configuration:
Layout
| Setting | Description |
|---|---|
| Container layout | Controls the section’s width style (for example, contained vs full-width depending on the option selected). |
| Container size | Sets the maximum desktop container width as a percentage. |
| Scroll fade animation | Enables a subtle fade-in effect as the section scrolls into view. |
| Text alignment (desktop) | Sets the alignment of text content on desktop devices. |
| Text alignment (mobile) | Sets the alignment of text content on mobile devices. |
| Color scheme | Applies a color scheme to the section. |
Inner padding
| Setting | Description |
|---|---|
| Top padding (desktop) | Adds space inside the section at the top on desktop. |
| Bottom padding (desktop) | Adds space inside the section at the bottom on desktop. |
| Left padding (desktop) | Adds space inside the section on the left on desktop. |
| Right padding (desktop) | Adds space inside the section on the right on desktop. |
| Top padding (mobile) | Adds space inside the section at the top on mobile. |
| Bottom padding (mobile) | Adds space inside the section at the bottom on mobile. |
| Left padding (mobile) | Adds space inside the section on the left on mobile. |
| Right padding (mobile) | Adds space inside the section on the right on mobile. |
Outer padding
| Setting | Description |
|---|---|
| Top padding (desktop) | Adds space outside the section at the top on desktop. |
| Bottom padding (desktop) | Adds space outside the section at the bottom on desktop. |
| Left padding (desktop) | Adds space outside the section on the left on desktop. |
| Right padding (desktop) | Adds space outside the section on the right on desktop. |
| Top padding (mobile) | Adds space outside the section at the top on mobile. |
| Bottom padding (mobile) | Adds space outside the section at the bottom on mobile. |
| Left padding (mobile) | Adds space outside the section on the left on mobile. |
| Right padding (mobile) | Adds space outside the section on the right on mobile. |