How to eliminate black borders around products?

Topic summary

Issue: Black borders appearing around products on collection/product pages. A screenshot was provided to illustrate the problem.

Troubleshooting steps: Responders asked for the store URL (and password) to inspect the theme setup. After receiving access, guidance was given to edit theme code.

Proposed fix: In the theme editor, open theme.liquid and paste a code snippet directly below the tag. A screenshot was shared for reference, but the actual code snippet text is not visible in the thread; it’s likely CSS targeting the product image borders.

Outcome: The original poster confirmed the solution worked and expressed thanks. No further issues or disagreements were raised.

Notes: The attached screenshot is central to understanding where to add the code. The exact code content is absent from the transcript, so replication would require the referenced snippet or similar CSS to remove borders.

Status: Resolved with a theme.liquid edit under the section.

Summarized with AI on January 3. AI used: gpt-5.

Hello,

How can I remove these black borders around my products.

thanks in advance.

Schermafbeelding 2024-03-16 131255.png

1 Like

Hey @Mert7 ,

Can you share the link to your store please? Thanks!

Hi @Mert7

If you share your store URL and password with me, I will check and provide you with the solution.

yes, here you go

Hey @Mert7 ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

1 Like

thank you very much !