In Theme Manager, open the Border radius menu item to view the screen that controls the global corner radius applied across the storefront theme.
Fields and controls
Control | Description |
Border radius | This control sets the corner radius in pixels and is adjusted with the slider. |
| The displayed token name is provided for reference in custom CSS. |
Copy to clipboard | This control copies the CSS variable name to your clipboard. |
Save | This control saves the current value. The screen shows Save as disabled. It stays disabled until you make a change. |
Sync | This control pushes the current theme build to the storefront. |
Notes
The screen exposes a single design token, so the radius applies to every component that uses rounded corners, such as cards. The live preview shows how the radius applies to those components before you save. Sync is available on every token screen.
Related