Rich text

Rich text is a band of words between your images: a caption, a heading, a paragraph and a button, in any order. Use it to say what the store sells and how, to introduce a collection, or to explain a service such as repairs or returns. You can add it to any page.

Add and arrange the content

The section is built from blocks. Add Caption, Heading, Text and Button blocks and drag them into the order you want; each type can be used more than once.

• The first heading also names the section for screen readers, so start with a heading when the band has one.
• A button without a link is hidden in your store. In the theme editor a notice marks it until you choose a link.

Align the text

Content alignment puts the text on the left, in the center or on the right. In right-to-left languages, such as Arabic and Hebrew, left and right swap automatically.

Add a background image or video

Under Background, choose an image or a video uploaded to Shopify, with an optional different file for phones. YouTube and Vimeo videos are not supported here: use the Video section for them.

Overlay opacity covers the background with the background color of the section’s color scheme. The text keeps the scheme’s text color, so raise the overlay until the text is easy to read on your photo. Write the image’s alternative text in Content > Files in your Shopify admin.

When Rich text with a background is the first section of the home page, the transparent header of the Header section can sit on top of it.

Show it only between two dates

Turn on Schedule visibility and set a start, an end, or both. See Scheduling.

Settings

Settings: Rich text

Setting	Type	Default	Options
Content alignment	Drop-down	Left	Left Center Right
Use full page width Aligns the text with the page edge instead of the content width.	Checkbox	On	—
Vertical spacing	Drop-down	Spacious	Compact Regular Spacious
Color scheme	Color scheme	scheme-1	—
Background
Background	Drop-down	None	None Image Video
Image Decorative, behind the text. 2400 x 1350px recommended. Shown when Background is Image	Image	—	—
Mobile image Optional. Shown on screens narrower than 768px. 1080 x 1350px recommended. Shown when Background is Image	Image	—	—
Video Plays muted and on loop. Visitors can pause it. Shown when Background is Video	Video	—	—
Mobile video Optional. Shown on screens narrower than 768px. Shown when Background is Video	Video	—	—
Overlay opacity Uses the color scheme background. Keep it high enough for the text to stay readable. Shown when Background is not None	Slider	60%	0%–90%, step 5
Schedule
Schedule visibility	Checkbox	Off	—
Start date and time Use the format YYYY-MM-DD HH:MM, in your store's time zone. Leave empty to show it right away. Shown when Schedule visibility is on	Text	—	—
End date and time Use the format YYYY-MM-DD HH:MM, in your store's time zone. Leave empty to keep showing it. Shown when Schedule visibility is on	Text	—	—

Blocks

Caption

Settings: Caption

Setting	Type	Default	Options
Text	Text	Add a caption	—

Heading

Settings: Heading

Setting	Type	Default	Options
Heading	Text	Describe what makes your pieces last	—
Heading size	Drop-down	Medium	Small Medium Large
Heading level Changes how search engines and screen readers read the page structure, not the size. Use H1 only if the page has no other main heading. Paragraph and Div look like a heading but are read as plain text.	Drop-down	H2	H1 H2 H3 H4 H5 H6 Paragraph Div

Text

Settings: Text

Setting	Type	Default	Options
Text	Rich text	Tell customers how your garments are made: fabrics, finishing, and care.	—

Button

Settings: Button

Setting	Type	Default	Options
Label	Text	Learn more	—
Link	Link	—	—
Style	Drop-down	Link	Link Solid