How to remove rounded corners from product images?

[Finlay101]

As you can see from the image, all of my product imagery in essentially every location has this outline where the radius has been changed to approximately 25px. How can remove them, this is seriously frustrating.

[Abdosamer]

Hi @Finlay101 , can you share your store url?

[Finlay101]

https://deskgenix.com

[PageFly-Henry]

Hi @Finlay101 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

#MainContent #shopify-section-template--20270389428523__main .product__media img.image-magnify-lightbox {

border-radius: unset !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[Finlay101]

Unfortunately this didn't work.

[ZenoPageBuilder]

Hello @Finlay101 👋

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

img {
    border-radius : 0 !important;
}

The result

[Finlay101]

I'm not sure you understood. I still want the curved edges, but the outline of where square edges would be still shows. 

[Bigdawg69]

Hi mate,

Hope you're not still having this issue but if you are you can go to the theme editor -> theme settings -> media, and then adjust the thickness of the borders to 0px. Should fix your issue.