Rich text

A block of text for a statement, an introduction or a short manifesto, with a label, a heading, text, buttons and a row of link chips. Centered or left-aligned, plain or on a soft card.

In the editor
Rich text
Where it goes
Any page template, with Add section
In the presets
Petal: Home page
Settings
12
Blocks
Label, Heading, Text, Buttons, Link chips
App blocks
Yes

Blocks

  • Label: a small line above the heading.
  • Heading: in four sizes, from small to extra large.
  • Text: with Large text on for an introduction that reads like a lede.
  • Buttons: up to two, each primary or secondary.
  • Link chips: the links of a menu as small chips – a quick way to point to collections or help pages. Create the menu in Online Store › Navigation.

Options

  • Width: narrow, medium or wide. Narrow keeps long text at a comfortable line length.
  • Text alignment: left or center.
  • Style: Plain, or a Card on a soft panel.

The Petal preset opens its home page story with a rich text section right after the banner.

All settings

Every setting in the order of the theme editor, with its options and its default value.

Section: Rich text12 settings
SettingOptionsDefault
WidthNarrow · Medium · WideMedium
Text alignmentLeft · CenterCenter
StylePlain · CardPlain
Color schemeColor schemeScheme 1
Section spacing
Top padding0–160px80px
Bottom padding0–160px80px
Top padding on mobile0–120px56px
Bottom padding on mobile0–120px56px
Advanced
Hide on mobileCheckboxOff
Hide on desktopMobile means below the width where the header switches to the mobile menu (Header > Switch to the mobile menu below).CheckboxOff
Animate on scrollCheckboxOn
Anchor IDLink to this section with #anchor-id.Text–

Block settings

Block: Label1 setting
SettingOptionsDefault
TextTextSample text
Block: Heading2 settings
SettingOptionsDefault
HeadingRich text (one line)Sample text
SizeExtra large · Large · Medium · SmallLarge
Block: Text2 settings
SettingOptionsDefault
TextRich textSample text
Large textCheckboxOn
Block: Buttons6 settings
SettingOptionsDefault
First button labelTextSample text
First button linkLink–
First button stylePrimary · SecondaryPrimary
Second button labelText–
Second button linkLink–
Second button stylePrimary · SecondarySecondary
Block: Link chips1 setting
SettingOptionsDefault
MenuMenuMain menu