Borders and styles

Change corner radius, border, and shadow settings for different sized elements.


In the theme editor, click the Borders and styles block under Section Studio Global styles

Small elements

Applies to small elements such as inputs, badges, variant selectors.

Corner radius

0 - 48px

Border weight

0 - 5px

Border opacity

0 - 100%

Shadow

None S M L XL

Shadow opacity

0 - 100%

Medium elements

Applies to medium sized elements such as cards, and media.

Corner radius

0 - 48px

Border weight

0 - 5px

Border opacity

0 - 100%

Shadow

None S M L XL

Shadow opacity

0 - 100%

Large elements

Applies to larger elements such as content containers, product cards, blog cards, and media.

Corner radius

0 - 48px

Border weight

0 - 5px

Border opacity

0 - 100%

Shadow

None S M L XL

Shadow opacity

0 - 100%