How can I change the background colour of the information on the product card

[Montique]

I'm wondering how I can change the background colour for the product title & price only on the product card without affecting any other text on the website (such as the product page.)

(We will phase out the white backgrounds eventually and are using png for the grey background)

I have used the below code on the custom CSS section but it will not work, has anyone found a solution?

.card-information__wrapper>* {
color: #FFFFFF !important;
}

.card-information__wrapper>.price {
color: #FFFFFF !important;
}

[kazi]

Hello @Montique  can you share the store URL?

[Montique]

it is Montique Clothing | Official Website - Shop Now

[kazi]

@Montique  go to assets > base.css put this css bottom of file

.product-card-wrapper .card__information {
background-color: #eee;
}

[Montique]

awesome thanks you - that's almost there 

there's still a border, can we remove this too?

[kazi · Accepted solution]

.product-card-wrapper .card__content {
padding: 0;
}

[Montique]

many thanks for your help!