Shopify themes, liquid, logos, and UX
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.
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
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Unfortunately this didn't work.
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
I'm not sure you understood. I still want the curved edges, but the outline of where square edges would be still shows.
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.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025