Buttons

Setting

Description

Button style

This setting allows you to customize the capitalization style of button text. You can choose from three options:

Initial – The button text is displayed exactly as it was originally entered.
Capitalize – Each word in the button text starts with an uppercase letter.
Uppercase – The entire button text is displayed in uppercase letters.

This option helps maintain a consistent visual style across your store’s buttons and can be adjusted to match your brand’s typography preferences.

Border settings

Customize the appearance of your border:

Setting	Description
Thickness	Use the slider to adjust the thickness of the border. The range is from 0px to 12px.
Opacity	You can increase or decrease the visibility of the border color to make it more expressive or less noticeable.
Corner radius	Use the slider to control the rounding of buttons. You can adjust the radius to achieve the desired level of roundness or squareness, aligning them with your design vision. The range is from 0px to 40px.

The “Shadow settings” allow you to customize the appearance of shadows for variant pills on your website.

Setting	Description
Opacity	This setting controls the transparency or darkness of the shadow. You can adjust it to make the shadow more or less prominent.
Horizontal offset	The horizontal offset determines how far the shadow extends horizontally from the element casting the shadow. A positive value will move the shadow to the right, while a negative value will move it to the left.
Vertical offset	The vertical offset determines how far the shadow extends vertically from the element. A positive value will move the shadow downwards, while a negative value will move it upwards.
Blur	The blur setting controls the sharpness or softness of the shadow's edges.