Rich text
Last updated
Last updated
The Rich text section displays promotional text with custom layout and size, as well as optional images, video player, buttons, and other content and style blocks to design this section to your liking.
This section is great to welcome customers to your store, promotional content of all kinds, announcements, and more. It looks great between two image-focused sections.
In the editor side panel, click (+) Add section and select Rich text. Click and hold the drag handles ⋮⋮ to re-order sections.
Editing a template changes all pages that use that template. To edit specific pages, you can you can create new templates or insert dynamic content with metafields.
Use blocks to customize the content area of the section. Click (+) Add block to add text, buttons, and other media. Use the drag handles ⋮⋮ to re-order blocks, and change the layout in the section settings.
Accent
Add small label heading.
Heading
Add title heading.
Text
Add multiple lines of rich text.
Button
Add buttons with custom styles.
Image
Add images with custom sizes.
Text list with icons
Add column text with icons.
Video player
Add video that plays in a popup viewer.
Divider
Add border between blocks.
Spacer
Add space between blocks.
In the section settings, change the width and alignment of the content blocks area.
Click Rich text section to find settings
Content width
Display the section at full width of the page or set a custom width.
Full width Custom width
Custom content width
Use the sliders to set the maximum width (in pixels) of the section content.
400 - 1000 px
Content alignment
The position of the headings, buttons, and content within the section.
Content center Content left Heading center, content left
Change the general colors of the section. Apply a color scheme or use custom colors.
Click Rich text section to find settings
Color scheme
Change the colors of section text and background. Use the Default color scheme from your theme settings or select a variant scheme based on the default: either Inverse, Soft, Accent, or Sale. You can also select a custom color scheme. Learn more.
Override with custom colors
Use custom colors for this section to override the color scheme.
Text color
Select a custom color for the section text.
Background color
Select a custom color for the section background.
Top spacing
Increase or decrease the amount of space above the section.
Bottom spacing
Increase or decrease the amount of space below the section.
Enable animation
Choose whether to display visual effects when scrolling, hovering, or interacting with the section. See the Animation guide to learn more.
Related links
