Appearance
Rich text
This guide describes setting up the Rich text section to add formatted text, with a heading, to a store page. Use the section to provide a welcome message, describe your brand or products, share announcements, etc.
In following image, a rich text section is displayed on a store's homepage. All of the section's settings are set to their defaults. The section contains a Shop now link (button) block with the default block settings applied.
For general guidance with modifying sections, refer to Sections overview.
Set up a rich text section
To set up a rich text section:
Go to Customize theme. At the top of the page, use the dropdown to select a template that contains a rich text section.
Note
The rich text section can be added into any page, except Checkout and Giftcard pages. To add a rich text section into the current page, select Add section > Rich text. Refer to Shopify help: Add a section.
From the side menu, select Rich text.
Select a setting described in the following table.
| Section setting name | Description |
|---|---|
| Heading | In the Heading box, enter text to display as a title inside the section. |
| Text | In the Text box, enter text (body) to display inside the section. Format the text using the text editor pane. |
| Text max width | Select the Text max width dropdown to set the maximum width for text inside the section to Small, Medium, or Large. |
| Font size | Select the Font size dropdown to set a size for the text inside the section to Small, Medium, or Large. Refer to Typography. |
| Text align | Select the Text align dropdown to align text inside the section to the Left, Center or Right. |
| Color > Color scheme | Select the Color scheme dropdown to set the section's color scheme to Primary, Secondary or Tertiary. Refer to Colors. |
| Theme settings | Select Theme settings to access additional settings for the section. Refer to Section theme settings menu. |
| Remove section | Select Remove section to delete the section from the current page template. |
Configure a link inside a rich text section
A default rich text section does not contain any links/ buttons (blocks). To configure a link block inside a rich text section:
Go to Customize theme. At the top of the page, use the dropdown to select a template that contains a rich text section.
From the side menu, expand the Rich text section menu.
To configure an existing block, select the block from the side menu.
To add a new block, select Add link, and then select the block you added.
Note
Inside a rich text section, you can add, remove, show/ hide, or move blocks. Refer to Configure blocks inside a section, or Shopify help: Sections and blocks.
Apply the block settings described in the following table.
| Block setting name | Description |
|---|---|
| Link | In the Link box, enter a URL for the block's button to use, or select a store page to link to. To remove a link, select the X icon inside the text box. |
| Text | In the Text box, enter text to display as a label for the block's button. |
| Button style | Select the Button style dropdown to set the style for the block's button to Outline or Solid. |
| Remove block | Select Remove block to delete the block from the current section. |