Need help changing collection card colour

[beveragebombs]

Hi, I cannot find how to change the background of my collection cards to white to blend in with the background. They are grey and do not go with my colour theme. How can I change this? I have attached a photo. Thanks

[Mateen_Asghar]

Hi @beveragebombs ,

Go to Online Store > Themes > Actions > Edit Code

Locate your CSS file (e.g., theme.css, style.css, or similar)

Paste the CSS code or update the existing .product-card styles

.product-card {
    width: 100%;
    height: 300px;
    background-color: white;
    border-radius: 5px;
    overflow: hidden;
}

Save the changes.

Refresh your store to see if the collection cards have a white background.

Let me know if you need more guidance!

[DaisyVo]

Hi @beveragebombs

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.product-card {
    background: white !important;
}

Here is the result:

If you want to add border, you can use this code instead

.product-card {
    background: white !important;
    border: 1px solid;
}

I hope this helps

Best,

Daisy

[beveragebombs]

Amazing, thankyou Daisy!