Content blocks

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.

Heading

Sections	Image hero - Image with text - Image with text split - Newsletter - Rich Text - Video hero

_{Click Heading block to find settings}

Setting	Description
Heading	The title of the block.
Heading tag	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. Learn more.
Heading size	Change the font size of the heading to xx-small to Display x-large.
Font	Go to Theme settings > Fonts to change the font for all headings.

Subheading

Sections	Image hero - Image with text - Image with text split - Newsletter - Rich Text - Video hero

_{Click Subheading block to find settings}

Setting	Description
Subheading	Enter text for a subheading.
Heading tag	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. Learn more.
Subheading size	Change the font size of the subheading to xx-small to x-large.
Font	Go to Theme settings > Fonts to change the font for all subheadings.

Text

Sections	Image hero - Image with text - Image with text split - Newsletter - Rich Text - Video hero

_{Click Text block to find settings}

Setting	Description
Text	Add rich text. Use the buttons to make the text bold or italicized, or to add a link.
Text size	Change the font size of the text to xx-small to 5x-large.
Font	Go to Theme settings > Fonts to change the font for all body text.

Accent

Sections	Image hero - Image with text - Image with text split - Newsletter - Rich Text - Video hero

_{Click Accent block to find settings}

Setting	Description
Text	Add small heading text to use as a label.
Font	Go to Theme settings > Fonts to change the font for all accent text.

Button

Sections	Image hero - Image with text - Image with text split - Newsletter - Rich Text - Video hero

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}

Setting	Description	Options
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	Go to Theme settings > Fonts to change button fonts.
Colors	Go to Theme settings > Colors to change colors for solid buttons.

Image

Sections	Image hero - Image with text - Image with text split - Newsletter - Newsletter compact - Rich Text - Video hero

_{Click Image block to find settings}

Setting	Description	Options
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

Video player

Sections	Image hero - Image with text - Image with text split - Rich Text - Video hero

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.

STEPS: Add Shopify-hosted video

In your Shopify admin:

1. In the side panel, click Content > Files.

2. Click Upload files to add a .mp4 file from your computer.

   Once your file has been processed, you can go to the next step.

In the theme editor (Customize):

1. Click the Video player block within the section.

2. Under Shopify video, click Select video to select your video and click Done.

3. Click Save.

STEPS: Embed YouTube or Vimeo video

In the theme editor (Customize):

1. Click the Video player block to open the settings.

2. Under Youtube or Vimeo URL, paste the link of your hosted video.

3. Click Save.

_{Click Video player to find settings}

Setting	Description
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.

Spacer

Sections	Contact form - Image hero - Image with text - Image with text split - Newsletter - Rich Text - Video hero

_{Click Spacer block to find settings}

Setting	Description	Options
Space	Add a gap of empty space between blocks. Use sliders to adjust the amount of space on desktop and mobile.	4 - 64 px

Border

Sections	Image hero - Image with text - Image with text split - Newsletter - Rich Text - Video hero