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: Dante
• June 25, 2014 at 12:36 pm #85693
  MHC

  Member

  Post count: 247

  On single product page, how can I change the background & text color of this red text box? (See attached)

  Also there is a View Cart button too, how can I change its font size/weight/color?

  June 25, 2014 at 12:54 pm #85711
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  We do not get this on our demo? Not the error nor the bar. Please can I see your link?

  – Kyle

  June 25, 2014 at 2:20 pm #85806
  MHC

  Member

  Post count: 247

  This reply has been marked as private.
  June 25, 2014 at 2:23 pm #85810
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Ahh ok

  To change the color add this to your custom css:

  .woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-error:before {
    background-color: #b81c23;
  }

  And change the hex value to the color you wish to use

  – Kyle

  June 25, 2014 at 3:07 pm #85858
  MHC

  Member

  Post count: 247

  Hi Kyle,

  Added this but only a portion of the text box background color is changed? Please see attached, yellow part is the color changed.

  June 25, 2014 at 3:48 pm #85902
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Sorry my mistake, add this:

  .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error {
    background-color: #b81c23;
  }

  – Kyle

  June 25, 2014 at 5:33 pm #85968
  MHC

  Member

  Post count: 247

  Thank you! This one is working great. 🙂

  June 25, 2014 at 6:07 pm #85987
  MHC

  Member

  Post count: 247

  Hi Kyle,

  Can you please tell me how to change one more text box color?
  This one is when you log in and there is a message box saying “You are now logged in as…”

  Please see image attached.

  June 25, 2014 at 11:40 pm #86041
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code bellow to your custom css, but change the background and text colors to your desired colors.

  
  .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
  background: #d1f2f0 !important;
  color: #252525 !important;
  }
  

  Best Regards,
  Rui

  June 28, 2014 at 10:36 am #86684
  MHC

  Member

  Post count: 247

  Thanks Rui. It looks great now 🙂

  June 28, 2014 at 10:50 am #86685
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome. I’m glad that issue resolved. Thanks Rui :-).
  With Best Regards

• Back to forum

  Posted in: Dante