Content blocks
Last updated
Last updated
Some sections support the same 'rich content' blocks for text, images, buttons, and style elements.
Under the section, click (+) Add block.
Click the block to find settings.
Click and hold the drag handles ⋮⋮ to re-order blocks.
For other sections, click the section to find settings for adding text, media, and buttons.
Sections
Add heading text and change its size.
Click Heading block to find settings
Heading
The title of the block.
Heading tag
Heading size
Change the size of the heading text to Small, Medium, or Large.
Font
Sections
Click (+) Add block and select Text. Add multiple lines of text and change its size.
Click Text block to find settings
Text
Add rich text. Use the buttons to make the text bold or italicized, or to add a link.
Text size
Change the size of the text between Small, Regular, or Large.
Font
Sections
Click (+) Add block and select Accent. Add small heading text.
Click Accent block to find settings
Text
Add small heading text to use as a label.
Font
Sections
Click (+) Add block and select Image. Add a link to another page and select a button style.
When multiple button blocks are ordered together in the section panel, they will display in a single row.
Click Button block to find settings
Button link
The URL that you want the button to link to.
Button label
The text that displays on the button. The most effective button labels ask customers to do something (e.g. Get started, Join us, Shop now).
Default: "Button"
Button style
Change the style of the button.
Solid Outline Text
Font
Colors
Sections
Click (+) Add block and select Image. Upload an image and adjust its width.
Click Image block to find settings
Image
Select or upload an image. There are no required dimensions. We recommend an image with a minimum width of 50px. Use PNG files for images with a transparent background.
Image width
Set Full width or Custom width
Full width Custom width
Image size
Set the maximum width (in pixels) of the image on desktop.
50 - 1000 px
Mobile image size
Set the maximum width (in pixels) of the image on mobile.
50 - 350 px
Sections
Click (+) Add block and select Video player. Add a video that visitors can can click to view within a popup video player.
You can either use an uploaded .mp4 video in your Shopify files or embed a video from YouTube or Vimeo.
Click Video player to find settings
Shopify video
Select an mp4or mov video that you've uploaded to your Shopify files in the admin.
YouTube or Vimeo URL
Paste the full URL of your YouTube or Vimeo video.
Video preview image
Upload an image to display behind the play button.
Button text
Change the default button label text ("Watch now")
Button icon style
Set the play button style to Light, Dark, or Outline.
Sections
Click (+) Add block and select Spacer. Add space between other content blocks.
Click Spacer block to find settings
Space
Add a gap of empty space between blocks. Use sliders to adjust the amount of space on desktop and mobile.
4 - 64 px
Sections
Click (+) Add block and select Border. Add a divider line between blocks.
- - - - -
Change the heading tag to modify the page structure. Use H2 to indicate important topics, and use H3-H6 for related topics. This option doesn't change the heading's appearance. .
Go to to change the font for all headings.
- - - - -
Go to to change the font for all body text.
- - - - -
Go to to change the font for all accent text.
- - - - -
Go to to change button fonts.
Go to to change colors for solid buttons.
- - - - - -
- - - -
- - - - - -
- - - - -
