You may add multiple button blocks to a section.

<aside> 📐 Alignment settings for content blocks are found in the Video block.

</aside>

https://vimeo.com/872772638/1403b2b110?share=copy

Settings

Text

Add text to appear inside the button

Link

Select where the button should link to. This can be an internal page on your shop, an external link or email address.

Open link in new window Enable to open a new tab when the button is clicked.

Color

Select text and background colors for the button.

Background opacity

A lower opacity will make the button background more transparent. If you would like the button to appear as a text link with no background, set this to 0.

Style

Border

• Theme default
  • This will attempt to use the border styles already present on the theme
• Remove border
  • This will attempt to remove any border on the button
• Thin border
  • This will add a thin border, relative to the text size, and the same color as the text.
• Thick border
  • This will add a thicker border, relative to the text size, and the same color as the text.

Shape

• Theme default
  • This will attempt to use the shape of button already present on the theme
• Rectangle
  • This will remove any rounded corners on the button
• Rounded
  • This will add slight rounded corners to the button, relative to the text size
• Circular
  • This will make either end of the button a half-circle shape
• Oval
  • This will make the button background an oval shape to fit the text.

Font

Spacing

Custom font

Make a selection from the free fonts available from Shopify.

Use theme default font

This will disable the Custom font field, and use the primary font that is specified by the theme.

Height

Set the button height, relative to the contained text.

Width

Set the button width, relative to the contained text.

Margins

Relative units for each side of the text block.