Richtext
Overview:
The Rich Text section is a flexible content block that allows you to present a heading, supporting text, and a call-to-action button. It is ideal for storytelling, promotional messages, or brand introductions. The section includes full control over typography, layout, spacing, and color scheme.
Section Configuration:
Layout & Container
| Setting |
Description |
| Container Width |
Sets the width of the section: container (boxed) or container-fluid (full-width). |
| Max Width (Container) |
Defines the maximum width of content as a percentage of page width (available when layout is container). |
| Container Padding |
Adds horizontal padding within the container when enabled. |
Text Alignment
| Setting |
Description |
| Text Alignment (Desktop) |
Aligns text content left, center, or right on larger screens. |
| Text Alignment (Mobile) |
Aligns text content left, center, or right on mobile devices. |
Color Scheme
| Setting |
Description |
| Color Scheme |
Applies a predefined theme color scheme to the section background and text. |
Spacing
| Setting |
Description |
| Top Padding |
Adds spacing above the section (0–100px). |
| Bottom Padding |
Adds spacing below the section (0–100px). |
Blocks Configuration:
The section supports up to three types of blocks:
Block: Heading
Displays a prominent heading for the section.
| Setting |
Description |
| Heading Text |
Text content for the heading. Supports inline rich text formatting. |
| Heading Size |
Sets the HTML tag used for the heading (H1–H6), affecting size and SEO. |
| Font Weight |
Sets the font weight of the heading (300–900). |
| Bottom Margin |
Controls vertical spacing below the heading block. |
Block: Description
Adds a paragraph of supporting text below the heading.
| Setting |
Description |
| Description Text |
Text content for the description. Supports rich text formatting. |
| Font Size |
Sets the size of the description text (large or small). |
| Font Weight |
Sets the font weight of the description (300–900). |
| Bottom Margin |
Controls vertical spacing below the description block. |
Displays a styled button for user interaction or navigation.
| Setting |
Description |
| Button Label |
Text displayed on the button. |
| Button Style |
Selects between primary or secondary button styles. |
| Button Link |
Destination URL for the button. |
| Open in New Tab |
Opens the link in a new browser tab when enabled. |
| Bottom Margin |
Adds spacing below the button block. |