Corner radius
The Corner Radius settings allow you to control the roundness of various elements across your store’s interface. This setting helps shape the overall visual style of your store — from sharp and modern to soft and friendly.
Each element has an individual radius value you can adjust using a slider (range input) in the Theme Editor.
How to Adjust Corner Radius
In your Shopify admin, go to Online Store → Themes.
Click Customize on the Elemento theme.
Open Theme Settings → Corner Radius.
Use the range sliders to adjust the border-radius (in pixels) for specific elements.
Available Elements
You can individually control the corner radius for the following interface elements:
Account Page Blocks
Cards and panels on the legacy account page
Buttons
All buttons
Card Images
Images inside product, collection or article cards
Card Tags
Labels such as "Sale", "New", etc.
Cart Blocks
Panels in the mini cart or cart page
Checkboxes
Form inputs styled as checkboxes
Fields
Input fields across forms (e.g., contact)
Modal Boxes
Pop-up windows such as age verification
Section Images
Images used in standalone sections
Section Backgrounds
The background wrapper of theme sections
Tips
A value of 0 gives sharp, square corners.
Higher values (e.g., 12px or more) will produce more rounded, softer elements.
Keep visual consistency by using similar values across related components (e.g., buttons and fields).
Last updated