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.

Text

Setting
Description

Text size

Allows changing text size. Can be from 10px to 30px, increasing arithmetically of 1px (pixel)

Font weight

Select the font weight from the dropdown menu:

  • Normal

  • Semibold

  • Bold

Font style

Select the font style of the text:

  • Normal

  • Italic

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).

Shadow

Setting
Description

Opacity

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

Horizontal offset

The horizontal offset of the shadow. A positive value puts the shadow on the right side of the button, a negative value puts the shadow on the left side of the button. Can be from -12px to 12px, increasing arithmetically of 1px (pixel).

Vertical offset

The vertical offset of the shadow. A positive value puts the shadow below the button, a negative value puts the shadow above the button. Can be from -12px to 12px, increasing arithmetically of 1px (pixel).

Blur

The blur radius. The higher the number, the more blurred the shadow will be. Can be from 0px to 20px, increasing arithmetically of 5px (pixel).

PreviousAnimationsNextVariant pills