Rich text

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.

Set up section

---

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 create new templates or insert dynamic content with metafields

Add content blocks

---

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.

Video player

Add video that plays in a popup viewer.

Border

Add divider between blocks.

Spacer

Add space between blocks.

Change content layout

---

In the section settings, change the width and alignment of the content blocks area.

Click Rich text section to find settings

Setting	Description	Options
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

Section style

---

Adjust the overall section style by changing the Padding around the section content, and add an optional Top divider to clearly separate sections.

STEPS

In your theme editor (Customize):

1. Click on the Newsletter section to open the settings.

2. Choose to Enable animation to show visual effects when scrolling, hovering, or interacting with the section.

   Learn more about Section animations.

3. Choose to display a Top divider that separates sections with a Solid line.

   The Top divider uses the color of Lines and borders set in the Theme settings.

4. Select a Padding option to change the spacing between sections. Choose between Top and bottom, Top only, Bottom only, or set it to None.

5. Set the Content width of the section to Full width or use the slider to use a custom width between 400 - 1000 pixels.

6. Click Save.

Click Rich text section to find settings

Setting	Description
Enable animation	Choose whether to display visual effects when scrolling, hovering, or interacting with the section. See the Animation guide to learn more.
Top divider	Show a solid border above the section to visually separate it from other sections. The Top divider uses the Lines and borders color selected in the theme color settings.
Padding	Add a margin of space around the section to either the Top and bottom, Top only, Bottom only, or set it to None.

---

Related links

Collapsible row list Image with text Testimonials