Rounded Corners for Collection & Product Images in Brooklyn Theme

[tdc757]

Hi, can someone help me get the right code to be able to have slightly rounded corners on my product images and my collection images. I am using a brooklyn theme and I have linked my shop below:

https://versili.shop/

[suyash1]

@tdc757 - you mean something like this?

[sundot]

I have the same question for the Debut theme.  The photo you provided is what I am trying to do

[LeoRobert]

Would you mind sharing how?

[suyash1]

@LeoRobert - can you please share page link where you want rounded images?

[LeoRobert]

Thanks for your reply

https://txgkx03ujt4tkq88-55295443011.shopifypreview.com

[suyash1]

@LeoRobert - add this css to the very end of theme.scss file and check, adjust number as per need

.product--image {border-radius: 30px;}

[LeoRobert]

it works!

Thank you so much. Really appreciate your help.

[suyash1]

@LeoRobert - welcome.

[LeoRobert]

Hi Suyash, can you please help me get collection list appears one column 8 rows on mobile view?

[LeoRobert]

rrrr

[sauderlauren]

This worked great for me on the collection page but not on individual product pages. Can you advise?

[suyash1]

@sauderlauren - can you please share the individual product page link?

[LeoRobert]

Have you figured it out? I'm using brooklyn theme. I'm looking for way to get product images' corners rounded as well. Would you mind helping me out?