Buttons
Buttons allows you to customize style for buttons in the theme.
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
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:
|
Font style | Select the font style of the text:
|
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). |
Last updated