> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/stiletto/theme-styles/corner-rounding.md).

# Corner rounding

{% hint style="info" %}
This feature is available in v6.0 and later. Learn how to [update your theme](/stiletto/general/theme-updates.md) to access new features.
{% endhint %}

Go to <i class="fa-gear">:gear:</i> **Theme settings > Corner rounding** to change the roundness of elements across your site — including images, inputs, buttons, drawers, and popups. Corner radius settings apply to elements across your theme.

<div><figure><img src="/files/qDHyw41yjRLwjdA6j7lD" alt=""><figcaption><p>Rounded multi-column items and button</p></figcaption></figure> <figure><img src="/files/h83YbIT9OFMIFHOCCcxI" alt=""><figcaption><p>Rounded product images, button, and chips</p></figcaption></figure></div>

#### <mark style="color:$primary;">Available corner radius options</mark>

<table><thead><tr><th width="145">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Drawers and modals</strong></td><td>All drawers and modals, including:<br><br>Quick cart | Search drawer | Mega menus | Popups | Quick shop | Info popup</td></tr><tr><td><strong>Popovers</strong></td><td>All dropdown menus and submenus, as well as the Sticky add-to-cart.</td></tr><tr><td><strong>Small cards and containers</strong></td><td>All small cards and containers, including:<br><br>Cart items | Complementary items | Free shipping bar | Featured icon with text</td></tr><tr><td><strong>Cards and images</strong></td><td>All images, including product listings.</td></tr><tr><td><strong>Image thumbnails</strong></td><td>All small image thumbnails, including:<br><br>Product media gallery | Cart items | Sticky add-to-cart</td></tr><tr><td><strong>Buttons</strong></td><td>All buttons, including variant swatches and chips.</td></tr><tr><td><strong>Form inputs</strong></td><td>All input fields.</td></tr><tr><td><strong>Badges</strong></td><td>All sale, sold-out, and custom badges in product listings and product pages.</td></tr><tr><td><strong>Swatches</strong></td><td>All variant swatches on product listings and product pages.</td></tr><tr><td><strong>Top bar filters</strong></td><td>Collection page filter buttons, when 'Top bar' enabled.</td></tr><tr><td><strong>Checkboxes</strong></td><td>All checkbox options.</td></tr><tr><td><strong>Text areas (long text)</strong></td><td>Text input fields, including in Contact form.</td></tr></tbody></table>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fluorescent.co/stiletto/theme-styles/corner-rounding.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.