Border radius & shadows
Controls the global base border radius and shadow intensity used by UI elements across your store.
Where to find it
- In your Shopify admin, go to Online Store → Themes → Customize
- Click the Theme settings (gear icon) in the left panel
- Click Border radius & shadows
Settings
Border radius
The base radius is applied to inputs, cards, drawers, and other UI elements. Larger elements automatically scale the radius proportionally.
| Setting | What it does | Options / Range | Default |
|---|---|---|---|
| Base radius | Sets the base corner rounding for UI elements such as buttons, inputs, and cards. | 0 – 24 px (step 2) | 8 px |
Shadow
Controls the default shadow depth applied to elevated elements like dropdowns, cards, and popovers.
| Setting | What it does | Options / Range | Default |
|---|---|---|---|
| Shadow intensity | Adjusts how strong the drop shadow appears on elevated elements. A value of 0 removes shadows entirely. | 0 – 10 (step 1) | 5 |