Rounded Featured Collection's Product Images

[martujv]

Hello!

I want to have rounded corners in the featured collection's product images. This is how it looks now:

As you can see, the corners are straight.

I would like the corners to be rounded like this:

As you can see, the corners are rounded in this case.

My theme is Stiletto and my website is https://qcvo6udrj7yhwl92-60150284501.shopifypreview.com

Thanks in advance!

[Moeed · Accepted solution]

Hey @martujv 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-item__media.product-item__media--multiple-images {
    border-radius: 10px !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[martujv]

It worked, thank you!

[topnewyork]

Hi @martujv 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
img.image__img {
    border-radius: 20px !important;
}
</style>

 If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!