Fluorescent
Eclipse
Eclipse
  • Get started
    • Migrating to Eclipse
    • Theme license
  • FAQs
  • Changelog
    • Update your theme
  • General
    • Editing themes
      • Dynamic content with metafields
      • Edit default theme content
      • Multiple languages
      • Unique content for markets
      • Customizing your site
      • H1 heading tags
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • SEO for Shopify
    • Online store speed
    • Accessibility
  • Theme settings
    • Theme settings
      • Social media
    • Theme styles
    • Fonts
    • Colors
  • Corner rounding
  • Pages
    • Page templates
      • Using templates
      • Customize page styles
      • Create and assign templates
    • Demo layouts
    • About page
    • Home page
    • Blog page
    • Blog post
    • Contact page
    • Password page
    • Search page
  • Sections
    • Sections
      • Using sections
      • Content blocks
    • Blog posts
    • Collapsible content
    • Collection list
    • Contact form
    • Featured collection
    • Featured links
    • Feature product
    • Grid
    • Icon with text columns
    • Image hero
    • Image with text
    • Multi-column
    • Newsletter
    • Rich text
    • Scrolling content
    • Shop the look
    • Shoppable feed
    • Slideshow
    • Video
    • Video hero
    • Video with text
    • Custom Liquid
  • Header
    • Announcement bar
    • Header
      • Layout and style
      • Logo
      • Transparent header
      • Mega menu
      • Language and Currency
    • Impact logo
    • Search
  • Footer
    • Footer
      • Image Text and Socials
      • Links block
      • Newsletter and Socials
      • Language and Currency
      • Custom Liquid
  • Products
    • Product listings
      • Product card styles
      • Sale and sold out badges
      • Quick shopping
    • Prices and currencies
    • Swatches
      • Use default colors
      • Use custom colors
      • Use custom images
  • Product pages
    • Product page
      • Gift card product
    • Media gallery
      • Media grouping
    • Product overview blocks
      • Description
      • Price
      • Buy buttons
      • Collapsible row
      • Complementary products
      • Custom option
      • Featured icon with text
      • Icon with text
      • Inventory status
      • Image block
      • Popup block
      • Product rating
      • Text block
      • Share icons
      • Custom Liquid
    • Variant selector
      • Info popup
    • Sticky add-to-cart
    • Sibling products
    • Product recommendations
  • Collections
    • Collection page
      • Banner
      • Product grid
      • Promotion tiles
      • Filters and sorting
    • Collection list page
  • Cart
    • Cart
    • Free shipping bar
    • Cross sells
  • Popups
    • Popups
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • Advanced
    • Custom CSS
    • Custom fonts
Powered by GitBook
On this page

Was this helpful?

Corner rounding

Last updated 1 month ago

Was this helpful?

This feature is available in v3.0 and later. Learn how to 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 .

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

Setting
Description

Drawers and modals

Popovers

Small cards and containers

Images

Image thumbnails

Buttons

Form inputs

Badges

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:

  • Page section

All drawers and modals, including: | | | | |

All dropdown menus and submenus, as well as the .

All small cards and containers, including: | | |

All images, including .

All small image thumbnails, including: | |

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

All dropdown menu buttons, text fields, and checkboxes. For example: | | .

All in product listings and product pages.

Quick cart
Search drawer
Mega menus
Popups
Quick shop
Info popup
Sticky add-to-cart
Cart items
Complementary items
Free shipping bar
Featured icon with text
product listings
Product media gallery
Cart items
Sticky add-to-cart
Search bar
Newsletter signup
variant dropdowns
sale and sold-out badges
update your theme
toggle on or off the image corner radius
filter button
Blog post template - Content block
Swatches
Product overview image block
Image content block
variant chips
Square versus rounded corners