Change information pop ups background color.

Hi there,

those don’t look like they are theme elements and must be coming from a plugin – you should ask the plugin author if that is possible.

However, if you want to share a link to your site i am happy to take a look – and if we can assist with some simple CSS we will.

When I change the theme, it changes completely.
Storefront: https://njengah.com/wp-content/uploads/2020/03/added-to-cart-notice.png

Hi there,

The recent “add to cart” info bar looks like GP’s style.

Without GP premium, you’ll need to write some CSS to change its color.

• This reply was modified 3 years, 7 months ago by ying.

Yes, I know.
I’ve already tried to copy&paste some code into style.ccs, but none of it worked.
That’s why I’m here.

Give this CSS a try:

.woocommerce-message {
    border-top-color: #515151;
    background-color: #fff;
    color: #000000;
}
.woocommerce-message a.button.wc-forward {
    color: #fff;
    background-color: #515151;
}

Thank you, but I have already tried this code, didn’t work. I tried it again but it doesn’t work.

Then please provide your site link.

https://baitservice.hu/

Ying’s CSS should work for the add to cart message. When I add the CSS using the inspector tool, this is the result:
https://www.screencast.com/t/eyor9srv

However, I’m not seeing the CSS being added in your live site currently.

The free theme has no control over WooCommerce’ style at all. You might need to check with the WooCommerce support team for further questions.

For security reasons, I deleted the css code after I tested it and it didn’t work.
I did it again, but doesn’t work.
https://i.ibb.co/qRVmG0S/ccs.png

When I inspect the code, I don’t see the CSS being added at all:
https://www.screencast.com/t/whbetRMYNyE

So perhaps you have some caching plugin?

And as the screenshot above shows, the style is coming from the WooCommerce plugin itself and not from the free GeneratePress theme.

I always empty the cache after I modify the site.

Maybe try adding it in the Additional CSS field in the customizer.