Rich text
The Rich text section allows you to add flexible text-based content to your page. This section is ideal for adding custom messaging, introducing collections or products, or sharing store information. It’s a versatile block for storytelling or structured content that doesn’t require media.
Use the Rich text section to:
- Highlight a sale, collection, or featured product with a heading and short message
- Share your brand story, values, or a personal note with customers
- Add helpful info like store hours, shipping details, or return policies
- Include a button that links to a product, collection, or any page in your store
Settings
| Setting | Description |
|---|---|
| Color scheme | Select a predefined color scheme. |
| Content container | See shared settings > Content container. Associated settings below. |
| Content alignment | Control the horizontal aligment of all Rich text content. |
| Section spacing & border | See shared settings > Section spacing & border. Associated settings below. |
| Section animations | Animate section when scrolled into view. |
Shared settings
These settings are common to several sections and work the same way wherever they appear. Once you learn how they work in one place, you'll recognize them elsewhere.
Content container
These settings control the width and alignment of the content within the section.
| Setting | Description |
|---|---|
| Content max width | Choose whether the content spans the full width of the section, or use a custom width. |
| Custom width | When "Custom width" is selected, this sets the maximum content width in pixels. |
| Custom width container alignment | Controls how the custom-width content is aligned within the section: left, center, or right. |
Visual example.
Spacing and border
The section Spacing & Border settings allow you to control how much vertical space line between your sections. Mix and match to find what works for you. Show a stylistic border between sections to emphasize the break between content.
| Setting | Description |
|---|---|
| Top spacing | How much spacing applies to the top of this section. |
| Bottom spacing | How much spacing applies to the bottom of this section. |
| Show bottom border | Show a stylistic border at the bottom of the section spacing |
Visual example.
Blocks - Nested
Blocks are individual content elements that make up parts of a Section layout. Each block controls a specific piece of content, giving you detailed control over how your store looks and functions.
View the Blocks documentation to learn more.