Buttons

Buttons allows you to customize style for buttons in the theme.

  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 Theme Settings -> Buttons.

Setting
Description

Text font weight

The font weight of the text:

  • Regular

  • Medium

  • SemiBold

  • Bold

  • ExtraBold

  • Black

Text style

Specifies how to capitalize an button text.

Primary button

Setting
Description

Button style

The style of the button:

  • No arrow

  • Diagonal arrow

Button size

The size of the button:

  • Small

  • Medium

  • Large

Secondary button

Setting
Description

Button style

The style of the button:

  • No arrow

  • Diagonal arrow

Border

Setting
Description

Thickness

Set the width of an button's four borders. Can be from 0px to 12px, increasing arithmetically of 1px (pixel).

Opacity

Sets the opacity level for an button's four borders. Can be from 0% to 100%, increasing arithmetically of 5%.

Corner radius

Set the radius of the button's corners. Can be from 0px to 40px, increasing arithmetically of 1px (pixel).

PreviousAnimationsNextVariant pills

Last updated