How can I add a 10 corner radius to product images?

Technical Q&A
1

I want to change our product images to have a corner radius of 10.

Our store is https://air-ly.co.uk/

Can anyone point me in the right direction in the code and what to add?

2

Hi @Air-Ly

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset-> styles.scss paste the below code at the bottom of the file.

.shg-product-image-wrapper img{border-radius:10px !important}

PageFly_0-1664811675109.png
PageFly_0-1664811675109.png1366×768 197 KB

Best Regards;

PageFly

3

Thank you for that. Is there any way for us to do the same on our products (shop all products) and not just the home page product image display?

4

you can try

.product-gallery__image .image__container img,.image-element__wrap img{border-radius:10px !important}