Corner rounding

This feature is available in v3.0 and later. Learn how to update your theme to access new features.

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.

Square versus rounded corners

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

Setting
Description

Drawers and modals

All drawers and modals, including: Quick cart | Search drawer | Mega menus | Popups | Quick shop | Info popup

Popovers

All dropdown menus and submenus, as well as the Sticky add-to-cart.

Small cards and containers

All small cards and containers, including: Cart items | Complementary items | Free shipping bar | Featured icon with text

Images

All images, including product listings.

Image thumbnails

All small image thumbnails, including: Product media gallery | Cart items | Sticky add-to-cart

Buttons

All buttons, including variant chips and filter button. Does not include: Swatches, Cart icon, Quick view button, Image zoom icon, quantity buttons, or slider cursors.

Form inputs

All dropdown menu buttons, text fields, and checkboxes. For example: Search bar | Newsletter signup | variant dropdowns.

Badges

All sale and sold-out badges in product listings and product pages.

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:

Last updated

Was this helpful?