Rich media
Overview
The Rich media section is designed for content-forward layouts that combine text elements with visual media. It includes controls for section width, text alignment (desktop and mobile), color scheme, and adjustable spacing (inner and outer padding). Content within the section is built using theme blocks, and app blocks can be added where supported.
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. |
| Color scheme | Applies a color scheme to the section. |
| Text alignment (desktop) | Sets the alignment of text content on desktop devices. |
| Text alignment (mobile) | Sets the alignment of text content on mobile devices. |
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. |