> 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/eclipse/theme-settings/corner-rounding.md).

# Corner rounding

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

Use the **Corner radius** settings 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. Some sections and blocks have an option to [toggle on or off the image corner radius](#toggle-image-corner-radius).

<div><figure><img src="https://3688473072-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHUe2h5JnXOGnUNdkJwav%2Fuploads%2F9pmu5f3p35ZRuSgZYNaz%2Fpw%20965.png?alt=media&amp;token=e3d0de27-eca8-4445-b2dc-03decd5c811b" alt="" width="188"><figcaption></figcaption></figure> <figure><img src="https://3688473072-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHUe2h5JnXOGnUNdkJwav%2Fuploads%2FUm419gW3Kkn2hoiEMXS7%2Fradius-compare.png?alt=media&amp;token=1b930458-52ea-42df-82a1-4730811caabd" alt="" width="563"><figcaption><p>Square versus rounded corners</p></figcaption></figure></div>

In your theme editor, go to **Theme settings > Corner rounding**

<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><a href="/eclipse/cart/cart.md">Quick cart</a> | <a href="/eclipse/header/search.md">Search drawer</a> | <a href="/eclipse/header/header/mega-menu.md">Mega menus</a> | <a href="/eclipse/popups/popups.md">Popups</a> | <a href="/eclipse/products/product-listings/quick-shopping.md">Quick shop</a> | <a href="/eclipse/product-pages/variant-options/info-popup.md">Info popup</a></td></tr><tr><td><strong>Popovers</strong></td><td>All dropdown menus and submenus, as well as the <a href="/eclipse/product-pages/sticky-add-to-cart.md">Sticky add-to-cart</a>.</td></tr><tr><td><strong>Small cards and containers</strong></td><td>All small cards and containers, including:<br><br><a href="/eclipse/cart/cart.md">Cart items</a> | <a href="/eclipse/product-pages/product-content-blocks/complementary-products.md">Complementary items</a> | <a href="/eclipse/cart/free-shipping-bar.md">Free shipping bar</a> | <a href="/eclipse/product-pages/product-content-blocks/featured-icon-with-text.md">Featured icon with text</a></td></tr><tr><td><strong>Images</strong></td><td>All images, including <a href="/eclipse/products/product-listings.md">product listings</a>.</td></tr><tr><td><strong>Image thumbnails</strong></td><td>All small image thumbnails, including:<br><br><a href="/eclipse/product-pages/media-gallery.md">Product media gallery</a> | <a href="/eclipse/cart/cart.md">Cart items</a> | <a href="/eclipse/product-pages/sticky-add-to-cart.md">Sticky add-to-cart</a></td></tr><tr><td><strong>Buttons</strong></td><td>All buttons, including <a href="/eclipse/product-pages/variant-options.md#variant-selector-style">variant chips</a> and <a href="/eclipse/collections/collection-page/filters-and-sorting.md">filter button</a>.<br><br><strong>Does not include</strong>: <a href="/eclipse/products/swatches.md#swatch-options">Swatches</a>, Cart icon, Quick view button, Image zoom icon, quantity buttons, or slider cursors.</td></tr><tr><td><strong>Form inputs</strong></td><td>All dropdown menu buttons, text fields, and checkboxes. For example:<br><br><a href="/eclipse/header/search.md">Search bar</a> | <a href="/eclipse/sections/email-signup.md">Newsletter signup</a> | <a href="/eclipse/product-pages/variant-options.md">variant dropdowns</a>.</td></tr><tr><td><strong>Badges</strong></td><td>All <a href="/eclipse/products/product-listings/badges.md">sale and sold-out badges</a> in product listings and product pages.</td></tr></tbody></table>

### Toggle image corner radius

***

In some sections and blocks, you have the option to use rounded corners or not. The **Enable image corner radius** option is enabled by default.

Click the section or block to find the settings:

* [Image content block](/eclipse/sections/overview/content-blocks.md#image-block)
* [Product overview image block](/eclipse/product-pages/product-content-blocks.md#content-blocks)
* [Blog post template - Content block](/eclipse/pages/blog-post-page.md#customize-page-style)
* Page section