How can I round the corners of product page photos using CSS?

Topic summary

A user wants to apply rounded corners to all product page images (and ideally all website images) using CSS.

Proposed Solution:
Another participant suggests adding img{border-radius:20px;} to the end of the base.css file, adjusting the pixel value as needed.

Current Status:
The original poster reports the CSS code did not work after adding it to base.css. Multiple users have requested the store URL to troubleshoot further, but no URL has been shared yet.

The discussion remains unresolved and awaiting additional information to diagnose why the CSS isn’t taking effect.

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

Hi, I want to round the corners of every photo on my product pages (and also on every single photo of the website if possible). Do I need to use CSS?

Thank you

yes, if you want to use css ,then add this css to the very end of your css file and check, adjust number as per the need

img{border-radius:20px;}

Hi, sorry it didn’t work. I put it at the end of the base.css file, is it another one?

Yes, base.css only

It doesnt work

@RitualMullum

Please share your store URL!

Thanks!

@RitualMullum - can you please share the URL?