ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• October 30, 2015 at 2:09 pm #224557
  stoukan

  Member

  Post count: 75

  Hello,

  Is there any way I can change the color of the notifications that pop up, from light teal to a different color?

  I attached a photo of what I’m referring to – in this case it says “”Nayma” has been added to your cart.”

  Thank you,
  Sarah

  Attachments:

  You must be logged in to view attached files.
  October 30, 2015 at 3:59 pm #224607
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .woocommerce-info,.woocommerce-info p,.woocommerce-info a, .woocommerce-info span{
  color:#ff0000 !important;
  }

  Thanks
  Mohammad

  October 30, 2015 at 4:03 pm #224615
  stoukan

  Member

  Post count: 75

  Thanks Mohammad, and after that how do I specify the color that I want? It’s still teal

  October 30, 2015 at 4:06 pm #224619
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  What color do you want?
  Thanks
  Mohammad

  October 30, 2015 at 4:08 pm #224622
  stoukan

  Member

  Post count: 75

  Color #ebcbc2

  October 30, 2015 at 4:09 pm #224623
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .woocommerce-info,.woocommerce-info p,.woocommerce-info a, .woocommerce-info span{
  color:#ebcbc2 !important;
  }
  

  Thanks
  Mohammad

  October 30, 2015 at 4:12 pm #224626
  stoukan

  Member

  Post count: 75

  I just added it to General Options > Custom CSS but for some reason it’s not working, the notification is still teal color

  October 30, 2015 at 4:24 pm #224630
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please remove last code and try to use this new code:-

  .woocommerce-message{
  color:#ebcbc2 !important;
  }

  Thanks
  Mohammad

  October 30, 2015 at 4:26 pm #224631
  stoukan

  Member

  Post count: 75

  Hi Mohammad,

  Almost! But that changed the color of the text, not the box

  October 30, 2015 at 4:32 pm #224633
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Try this one instead.

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

  -Rui

  October 30, 2015 at 4:35 pm #224634
  stoukan

  Member

  Post count: 75

  That worked! Thank you Rui and Mohammad

  October 30, 2015 at 5:33 pm #224653
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome. Glad 🙂 to help you.

  Thanks
  Mohammad

  November 6, 2015 at 12:40 pm #226611
  stoukan

  Member

  Post count: 75

  Just set the topic to resolved 🙂

  November 6, 2015 at 12:41 pm #226612
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome. Glad 🙂 to help you.
  Thanks
  Mohammad

• Back to forum

  Posted in: Neighborhood