[Resolved] Trying to add CSS to WooCommerce Cart

[Author]

Posts

[jeffreyR]

Tell us what you are trying to do? Add some custom CSS to the WooCommerce cart.
When I place something in the cart, go to cart, then remove it, the item that is being removed (immediately preceding the “Undo” action) is in a white font color and can barely be seen. Is there custom CSS to change that color?

Is there any documentation that you are following? Tried adding some CSS code I found on the web - did not work. Here is some code I tried, with no luck: .woocommerce-info {
background-color: #6BCBF5 !important;
}

Is there a similar example that we can see? No

What is the link to your site? Local site, so currently unavailable

[Luo Yang]

Dear jeffrey,

It is out the range of Toolset support, I found there is a CSS class in the file of Woocommerce plugin:
woocommerce/assets/css/twenty-seventeen.css:

.woocommerce-message {
    background: teal;
    color: #fff;
}

You can try setup your own custom CSS codes to override it, for example:

.woocommerce-message {
    background: black !important;
    color: #fff;
}

Hope it is clear

[jeffreyR]

Perfect and thanks so much for your help -

The only thing that needed to be changed was to add an "!important" after the color. Here is the actual code I used - white background with red letters, so it stands out:

.woocommerce-message {
background: #fff !important;
color: #ff0000 !important;
}