Rich media
Overview
The Rich Media section combines structured text content with a supporting media gallery. It includes global controls for container width, color scheme, text alignment, and responsive spacing. The preset layout provides a heading area (tagline, heading, descriptions, button) and a rich image gallery with multiple media items.
Section Configuration:
Layout
| Setting | Description |
|---|---|
| Container layout | Controls how the section is sized on the page: page-width (boxed), contained-content, or container-fluid (full width). |
| Container size (Desktop) | Sets the maximum section width on desktop as a percentage (50%–100%). |
| Color scheme | Applies a theme color scheme to the section styling. |
| Text alignment (Desktop) | Controls text alignment on desktop (left, center, right). |
| Text alignment (Mobile) | Controls text alignment on mobile (left, center, right). |
Inner padding
| Setting | Description |
|---|---|
| Top (Desktop) | Adds space above the section’s inner content on desktop. |
| Bottom (Desktop) | Adds space below the section’s inner content on desktop. |
| Left (Desktop) | Adds space to the left of the section’s inner content on desktop. |
| Right (Desktop) | Adds space to the right of the section’s inner content on desktop. |
| Top (Mobile) | Adds space above the section’s inner content on mobile. |
| Bottom (Mobile) | Adds space below the section’s inner content on mobile. |
| Left (Mobile) | Adds space to the left of the section’s inner content on mobile. |
| Right (Mobile) | Adds space to the right of the section’s inner content on mobile. |
Outer padding
| Setting | Description |
|---|---|
| Top (Desktop) | Adds space above the section (outside the section content) on desktop. |
| Bottom (Desktop) | Adds space below the section (outside the section content) on desktop. |
| Left (Desktop) | Adds space on the left side of the section (outside) on desktop. |
| Right (Desktop) | Adds space on the right side of the section (outside) on desktop. |
| Top (Mobile) | Adds space above the section (outside) on mobile. |
| Bottom (Mobile) | Adds space below the section (outside) on mobile. |
| Left (Mobile) | Adds space on the left side of the section (outside) on mobile. |
| Right (Mobile) | Adds space on the right side of the section (outside) on mobile. |
Blocks Configuration:
Heading
A preset content area that introduces the section and can include supporting text and a button.
| Block | Description |
|---|---|
| Tagline | Displays a short line of text above the main heading. |
| Heading | Displays the main section heading/title. |
| Description | Displays supporting text beneath the heading. |
| Width group | Groups additional text blocks and limits their width for improved readability. |
| Button | Adds a call-to-action button beneath the text content. |
Width group settings
| Setting | Description |
|---|---|
| Max width (Desktop) | Sets the maximum width of the grouped content on desktop (percentage-based). |
| Max width (Mobile) | Sets the maximum width of the grouped content on mobile. |
Width group
| Block | Description |
|---|---|
| Description | Adds an additional rich text paragraph within the width-limited group. |
Rich Image Gallery
| Block | Description |
|---|---|
| Rich image gallery | Displays a gallery layout that contains multiple rich image items. |
Rich image item
| Block | Description |
|---|---|
| Rich image | Adds a single media item to the rich image gallery. Multiple items can be used to build the gallery. |