How to remove border from collection list

Store Design
,

Topic summary

A user seeks to remove black borders appearing around items in their collection list on their Shopify store.

Solution Provided:

  • Navigate to: Online Store → Themes → Actions → Edit Code → Assets → component-card.css
  • Add CSS code at the end of the file: .card.card--card.card--media { border: none !important; }
  • Save the changes

Follow-up Question:
The original poster asks whether it’s possible to make photos clickable so they link to specific product sections (like hoodies).

Status: Partially resolved - border removal addressed, but clickability question remains unanswered.

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

I would like to remove the black border

www.grizelclothingz.com

password CSV2

IMG_9404.png
IMG_9404.png1170×2532 387 KB

2

HEllo @nicotiini
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->comnponent-card.css
add this code at the end of the file and save.

.card.card--card.card--media.color-background-1.gradient {
border: none !important;
}

result

9.png
9.png384×671 164 KB

If this was helpful, hit the like button and accept the solution.
Thanks

1 Like
3

Is it now possible to make the photo clickable so it goes to the hoodies sectiob