Rounded corners product images

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!

Hi @clohes_kmc

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

Hello :slightly_smiling_face:

it’s www.clohes.com

pw: kolbicute

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 tag and paste the code below before the tag.


  1. And Save.

  2. 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!