"Shipping update" banner color

[zohia]

When I update the address in wocommerce’s checkout area I get a banner saying there was a shipping update. How can I change its color?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

H,

Add the code below to your custom css option and adjust the color values.

.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {
  background: #5adcff!important;
  color: #222!important;
}

-Rui

[zohia]

Thanks!

 

And what would be the code to change the banner that shows up when a product is added to the cart?

http://ogatofica.com/produto/always-cat-litter/?attribute_tamanho=16kg

Attachments:

You must be logged in to view attached files.

[Nishant – SUPPORT]

Hi,

Do you mean to say this section background color?

If, yes, which color you would like to have there? Please let us know. We will provide a minor css code to take care of that.

Attachments:

You must be logged in to view attached files.

[zohia]

No, I mean the area where it’s written: Always Cat Litter” foi adicionado com sucesso ao seu carrinho.

 

The color is: fafa82

[Mohammad – SUPPORT]

Hi,

Please use this custom css code:-

.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
    background: #ff0000 none repeat scroll 0% 0%;
    color: #fff;
}

.woocommerce .woocommerce-message::before, .woocommerce-page .woocommerce-message:before {
    color: #fff !important;;
  }

-Mohammad

[zohia]

Thanks!

[Kyle – SUPPORT]

Thanks Mohammad

[zohia]

Another question… Sorry.
I used the code and it changed the background color of the banner just fine, as well as the text to the left. However, the text to the right (“ver carrinho” = go to cart) is still in white. Can it be changed?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.woocommerce .woocommerce-message::before, .woocommerce-page .woocommerce-message:before {
    color: #ff000 !important;
  }

Thanks
Mohammad

[zohia]

You had already given me that code. It only changes the color of the text to the left, not the one to the right of the banner where it says “ver carrinho”.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
  color: #fff !important;
} 

Thanks
Mohammad

[zohia]

It still doesn’t work. 🙁

Here’s a page:
http://ogatofica.com/produto/arranhador-sofa/?attribute_cor=castanho

If you add something to the cart the banner shows up and though the text to the left is #999999, to the right it’s still white…

[Mohammad – SUPPORT]

Hi,
Which color do you want for left and right? Please create a marked screenshot to indicate text and color.

Thanks
Mohammad

[zohia]

The text area inside a red square is already with the color I want. It’s the text in a purple square (currently in white) that I would like in the color #999999.

Attachments:

You must be logged in to view attached files.