Rich Text Section
This guide describes setting up the Rich Text section.
Set up a Rich Text section
To set up a Rich Text section:
- Go to Customize theme
- In Theme editor, select the page where you want to add the Rich Text section
- Select "Add section" > "Rich text"
Note: The section cannot be added to header or footer areas.
From the side menu, select Rich Text to configure the following settings:
| Setting name | Description |
|---|---|
| Text alignment | Choose between left, center, or right alignment for all text elements |
| Title max width | Set the maximum width for the title (10-100%). Only affects desktop view. Default is 65% |
| Title text size | Choose from multiple size options ranging from XS to 2XL/desktop 7XL. Some options provide responsive sizing |
| Title line height (desktop) | Adjust the line height for desktop view (1-3em). Default is 1.2em |
| Title line height (mobile) | Adjust the line height for mobile view (1-3em). Default is 1.2em |
| Title content | Enter the heading text for your section |
| Text max width | Set the maximum width for the rich text content (10-100%). Only affects desktop view. Default is 65% |
| Top spacing | Add space above the content (0-100px). Default is 20px |
| Content text size | Choose from multiple size options ranging from XS to 2XL/desktop 7XL |
| Rich text line height (desktop) | Adjust the content line height for desktop view (1-3em). Default is 1.5em |
| Rich text line height (mobile) | Adjust the content line height for mobile view (1-3em). Default is 1.2em |
| Rich text content | Enter your formatted content using the rich text editor |
| Button top spacing | Space above the button (0-100px). Default is 20px |
| Button width | Set button width (0-100%). Only affects desktop view. Default is 25% |
| Button height | Set button height (0-100px). Default is 50px |
| Button text | Enter text to display on the button |
| Button URL | Set the destination URL for the button click |
| Horizontal spacing size | Choose none, small, medium, or large padding |
| Section padding | Adjust top and bottom padding (0-100px). Default is 100px |
| Indent section | Add left and right edge indentation when enabled |
| Color scheme | Select a color scheme to match your store's design |
| Use alternative logo and color | Apply alternative color to header items when enabled |