Inputs
Inputs allow you to customize the style of variant pills (not dropdown style) 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 -> Inputs.
Border
| Setting | Description |
|---|---|
Thickness | Set the width of an variant pill's four borders. Can be from 0px to 12px, increasing arithmetically of 1px (pixel). |
Opacity | Sets the opacity level for an variant pill's four borders. Can be from 0% to 100%, increasing arithmetically of 5%. |
Corner radius | Set the radius of the variant pill's corners. Can be from 0px to 40px, increasing arithmetically of 1px (pixel). |
Shadow
| Setting | Description |
|---|---|
Opacity | Sets the opacity level for an variant pill'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 variant pill, a negative value puts the shadow on the left side of the variant pill. 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 variant pill, a negative value puts the shadow above the variant pill. 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