How to remove rounded corners from product images?

Store Design
, ,

Topic summary

A user is experiencing an issue where product images display an unwanted outline or border around their rounded corners (approximately 25px radius). The problem appears across multiple locations on their Shopify store (deskgenix.com).

Proposed Solutions:

  • Two users suggested adding CSS code to the base.css file to remove border-radius entirely
  • One solution targeted specific product media elements with border-radius: unset !important;
  • Another suggested applying border-radius: 0 !important; to all images

Clarification & Resolution:

  • The original poster clarified they want to keep the rounded corners but remove the visible outline where square edges would be
  • The CSS solutions provided did not resolve the issue
  • A later suggestion recommended adjusting border thickness to 0px via Theme Settings → Media in the theme editor, which may address the actual problem

The discussion remains open regarding whether the final suggestion successfully resolved the outline issue.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
8

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.