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!
Thanks for the info, try this one.
-
From your Shopify admin dashboard, click on “Online Store” and then “Themes”
-
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
-
In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
-
And Save.
-
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!