> For the complete documentation index, see [llms.txt](https://crocode.gitbook.io/elemento-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://crocode.gitbook.io/elemento-docs/theme-settings/corner-radius.md).

# 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.

<figure><img src="/files/iHncM2xNybff3bntXE6G" alt=""><figcaption></figcaption></figure>

#### How to Adjust Corner Radius

1. In your Shopify admin, go to **Online Store → Themes**.
2. Click **Customize** on the Elemento theme.
3. Open **Theme Settings → Corner Radius**.
4. Use the range sliders to adjust the border-radius (in pixels) for specific elements.

***

<figure><img src="/files/Qfb0xEBlSmVA6CbsGs9W" alt=""><figcaption></figcaption></figure>

#### Available Elements

You can individually control the corner radius for the following interface elements:

| Element                 | Description                                                                                                   |
| ----------------------- | ------------------------------------------------------------------------------------------------------------- |
| **Account Page Blocks** | Cards and panels on the [legacy account page](https://help.shopify.com/en/manual/customers/customer-accounts) |
| **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).