How can I adjust the border radius of product images?

[blcksoap]

Dear community,

I want to make some adjustments to my store. I’d like to know the following things:

1. How do I change the border radius of my PRODUCT IMAGES on the PRODUCT PAGE and HOME PAGE

Website: https://coffee-chains-test.myshopify.com/?_ab=0&_fd=0&_sc=1

Password: owl

Theme: Motion

[KetanKumar]

@blcksoap 

sorry but i can't see its already fix this issue do you have anther store or theme?

[blcksoap]

Hi Ketan,

It’s not fixed I manually changed the photos but I’d like to change the
coding which makes it easier.

[AvadaCommerce]

Hi @blcksoap ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

.product__photos img {
     border-radius: 15px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[KetanKumar]

@blcksoap 

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css.liquid->paste below code at the bottom of the file.

.product__photos img {border-radius: 20px;}

[blcksoap]

Thank you this worked!

Do you also have a coding for the border of product image in CART DRAWER?

[AvadaCommerce]

Hi @blcksoap ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

#CartDrawerForm .image-wrap img {
     border: 1px solid #000;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[blcksoap]

Hi,

This didn't work unfortunately. The borders turned into black.

I want the following effect in the cart drawer:

[AvadaCommerce]

Hi @blcksoap ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

#CartDrawerForm .image-wrap img {
     border-radius: 15px;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.