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

RitualMullum
Tourist
16 0 1

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

 

Screen Shot 2023-10-14 at 2.20.14 pm.png

Replies 6 (6)

suyash1
Shopify Partner
9415 1173 1514

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;}

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Support me
RitualMullum
Tourist
16 0 1

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

suyash1
Shopify Partner
9415 1173 1514

Yes, base.css only

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Support me
RitualMullum
Tourist
16 0 1

It doesnt work

dmwwebartisan
Shopify Partner
12321 2551 3712

@RitualMullum 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
suyash1
Shopify Partner
9415 1173 1514

@RitualMullum - can you please share the URL?

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Support me