Black lines appear around product images - How do I remove them?

Store Design

Topic summary

Issue: Unwanted black lines appeared around product images on collection pages.

Context: Helpers requested the store URL (password declined); link was shared for review.

Actions taken:

  • Added custom CSS in theme.liquid (via Online Store > Theme > Edit code), suggested either above or before .
  • Initial CSS removed the rogue black lines but also eliminated the desired thin outline around product tiles.

Follow‑up: The merchant asked to keep a clean, thin outline around products (e.g., on the Hesketh Racing collection) without the black artifacts.

Outcome: A revised CSS snippet was provided to replace the earlier code, restoring the thin product outline while preventing the black lines. The merchant confirmed it works.

Notes:

  • Code snippets (CSS) and screenshots were central to the solution.
  • No store password was shared; troubleshooting relied on the public collection URL.

Status: Resolved with final CSS update; no open questions remain.

Summarized with AI on December 21. AI used: gpt-5.
12

Hi @RetroGP ,
We’re happy to see that our suggestion helped you solve the issue. Can you kindly give us a like ? Should you need any further information, please do not hesitate to contact us by tagging directly at Community post.

We will check and let you know soon. Thanks in advance :heart_eyes: