Rich text

You can add a rich text section with a heading, caption, paragraph content, and a button to link customers to a new page.

To add this section, please follow the below steps:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Add section and choose "Rich text".

Section settings

Setting
Description

Content alignment

The alignment of all elements within the section container:

  • Left - Aligns all elements of section to the left.

  • Center (default) - Aligns all elements of section in the center.

  • Right - Aligns all elements of section to the right.

Color scheme

Set the color for this section.

Desktop content width

Width of the content on desktop:

  • Small

  • Medium

  • Large

  • Full width

Spacing

Setting
Description

Top margin

Adjust the space between the top edge of a section and the elements or content above it. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).

Bottom margin

Adjust the space between the bottom edge of a section and the elements or content below it. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).

Section padding

Setting
Description

Top padding

Determines the height of the top inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).

Bottom padding

Determines the height of the bottom inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).

Heading block

Setting
Description

Heading

The heading for this block.

Heading size

The size of the heading text:

  • Small

  • Medium

  • Large

  • Extra large

Heading font weight

The font weight of the heading text:

  • Regular

  • Medium

  • SemiBold

  • Bold

  • ExtraBold

  • Black

Caption block

Setting
Description

Image

The image for this block.

Image width

Width of the image.

Text

The text for this block.

Text size

The size of the text:

  • Extra small

  • Small

  • Medium

  • Large

Bottom margin

Adjust the space between the bottom edge of a section and the elements or content below it. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).

Text block

Setting
Description

Description

The paragraph content for this block.

Buttons block

Setting
Description

First button label

The text that displays on the first button.

First button link

The URL that you want the first button to link to.

First button style

Style of the first button:

  • Filled

  • Text link

  • Outlined

Second button label

The text that displays on the second button.

Second button link

The URL that you want the second button to link to.

Second button style

Style of the second button:

  • Filled

  • Text link

  • Outlined

Text pair block

Setting
Description

Heading

The heading for this block.

Heading size

The size of the heading text:

  • Small

  • Medium

  • Large

  • Extra large

Heading font weight

The font weight of the heading text:

  • Regular

  • Medium

  • SemiBold

  • Bold

  • ExtraBold

  • Black

Description

The paragraph content for this block.

Desktop description width

Set the width of the desktop description:

  • Small

  • Medium

Last updated