Remove border around product grid image

Shopify Discussion

Topic summary

A user seeks to remove a faint border appearing around product grid images on their Shopify collection page, wanting the same effect applied to recommended products.

Solution Provided:
A community member identified the issue in the component-card.css file and provided specific CSS code to remove:

.card__inner {border: 1px solid #000000 !important;}

Status: Resolved. The original poster confirmed the solution worked by thanking the contributor.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

https://kashco-interiors.myshopify.com/collections/bedroom-furniture

this is a sample: how can I force it that removes the faint border around the image ? I want to achieve this same for the recommended products. Thanks.

2

hey @kashco there is a password in your site share it so i can help you

3

Hi @kashco

Please find and remove this code in your component-card.css file to remove that border.

.card__inner {border: 1px solid #000000 !important;}
4

kashco

5

Thank you for this !