How to make round corners for products in collection page homepage and product page?

Store Design
,

Topic summary

A user seeks help adding rounded corners to product images on their collection and product pages.

Proposed Solution:

  • Add CSS code to the base.css file
  • The suggested code snippet applies a 10px border-radius to images

Code Provided:

img {
  border-radius: 10px;
}

Status: A solution has been offered by PageFly support, but no confirmation yet on whether it resolved the issue. The implementation requires basic CSS file editing in the theme.

Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.
1

https://elixinite.com/collections/phone-telecommunications

2

This is PageFly - Free Landing Page Builder.

You can add this code into the base.css file

img {
border-radius: 10px;
} ​

Hope this can help you solve the issue

Best regards,

PageFly