For a short brand statement, a mission or an announcement.
How to add it
In Shopify admin, go to Online Store → Themes and click Customize.
Open the page from the page picker at the top of the editor.
In the sidebar, click Add section and choose Rich text.
Fill in the content, then click Save.
Tips
Turn on the container card to frame the content.
Screenshots
The Rich text section on a phone.Rich text settings in the theme editor.With the container card.
Settings
Setting
Options
What it does
Section appearance
Color scheme
Color scheme
Settings
Show container card
On / Off
Puts the content inside a large rounded card. Turn it off to sit the content directly on the section background.
Card color
Color scheme
The card's own scheme, so it can contrast with the section behind it. With the card text below the image it colors the image frame only, and the text underneath uses the section's colors. Edit the schemes in Theme settings → Colors.
Image placement
Image first · Image second
Which side the image takes on desktop. The image always stacks above the content on mobile.
Image width
Small · Medium · Large
Position
Content alignment
Left · Center · Right
Mobile content alignment
Left · Center · Right
Animations
Blocks
Click Add block under the section in the sidebar. Drag blocks to change their order.
Image up to 1
Setting
Options
What it does
Image
Image
Mobile image
Image
Optional. Falls back to the desktop media when empty.
Subheading up to 1
Setting
Options
What it does
Subheading
Text (bold, italic, links)
Subheading size
Small · Medium · Large
Heading up to 2
Setting
Options
What it does
Heading
Text (bold, italic, links)
Italicized words switch to the Accent font from Theme settings → Typography. They stay italic and keep the color of the text around them.
Heading size
Small · Medium · Large · Extra large
Heading level
H1 · H2 · H3 · H4 · H5 · H6
Adjust for page structure — one H1 per page. Size is controlled separately.
Caption up to 2
Setting
Options
What it does
Caption
Text (bold, italic, links)
Text up to 3
Setting
Options
What it does
Text
Rich text
Text size
Small · Medium · Large
Button up to 2
Setting
Options
What it does
Button label
Text
Link
Link
Button style
Primary · Secondary · Ghost · Link
Button size
Small · Medium · Large
Open in a new tab
On / Off
Icon up to 4
Setting
Options
What it does
Icon
None · Award · Bag · Coffee bean · Book · Building · Coffee cup · Envelope · Globe · Headset · Leaf · Lock · Refresh · Shield check · Star · Truck
Custom image
Image
Replaces the icon. Shown at the icon width.
Icon width
16–64 px
Link
Link
Icon link description
Text
Needed when the icon links somewhere: icons are decorative, so this is what a screen reader announces. Example: Read our sourcing story.
