Rich Text Section
Use this section to create text-focused content with full control over typography, spacing, and layout.
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"
Section Placement
This section cannot be added to header or footer areas.
Configuration 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 |
Best Practices
- Use for brand story, policies, about pages
- Keep max width at 65-75% for readability
- Set line height to 1.5-1.6 for body text
- Add CTAs to drive action
Typography Guidelines
For optimal readability, keep line length between 50-75 characters. The default 65% max width achieves this on most screen sizes.