Change color of product confirmation

[NadiaCrisisEquipped]

Hello!

I’m wondering if you could help me figure out how to change the color of the confirmation notice when a product is added to the cart. I would like it to be green instead of red. Thanks so much!

My website is CrisisEquipped.com

here’s what I mean:

• Nadia

[nabeel]

Hi Nadia,

Thank you for reaching out to us. This would require custom CSS as this is not a theme feature by default and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it.

To change the color of woocommerce message box, you can add the following code in the Theme Options > CSS:

.woocommerce-message.x-alert-info {
    background-color: #d9f7ed;
    border-color: #b3e9ef;
    color: #3aad8d;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Hope this helps!

[NadiaCrisisEquipped]

That worked great! Thank you!

[marc_a]

Hi Nadia,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.