Rounded corners product images

[clohes_kmc]

Hello.

For some reason the images in my product grid on my default collection page have rounded upper corners.

I've tried looking around for a border-radius tag in base.css, main-collection-product-grid.liquid and the like, but not found anything. 

I tried the following code, without luck:

.product__media.media.media--transparent, .global-media-settings {
border-radius: 0px !important;
}

Can anybody help me figure out a way to make all images everywhere always with fully square corners?

Thank you!

[Made4uo-Ribe]

Hi @clohes_kmc 

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

[clohes_kmc]

Hello 🙂

it's www.clohes.com 

pw: kolbicute

[Made4uo-Ribe · Accepted solution]

Thanks for the info, try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes"

2. Find the theme that you want to edit and click on "Actions" and then "Edit code".

3. In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
.product-card-wrapper .card {
    --border-radius: 0;
}
</style>

4. And Save. 

5. Result:

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!