Okay
  Public Ticket #1603554
Notification messages color customization
Closed

Comments

  • Aissam34 started the conversation
    June 8, 2018 at 4:20pm

    Hi there,

    How to customize :

    1- Green background (Screenshot_15)

    2- Red background (Screenshot_16)

    3- Green background (Screenshot_18)

    Regards,

  •  1,559
    Laborator replied
    June 11, 2018 at 7:06am

    Hi there,

    If you add the CSS below to your Custom CSS it will change all the messages like errors, alerts, notices and info boxes, simply change the color from #000 to any other color:

    .woocommerce-error {
    background-color: #000;
    -webkit-box-shadow: 0px 0px 0px 6px #000;
    box-shadow: 0px 0px 0px 6px #000;
}
.woocommerce-message {
  background-color: #000;
    -webkit-box-shadow: 0px 0px 0px 6px #000;
    box-shadow: 0px 0px 0px 6px #000;
}
.woocommerce-notice {
  background-color: #000;
    -webkit-box-shadow: 0px 0px 0px 6px #000;
    box-shadow: 0px 0px 0px 6px #000;
}
.woocommerce-info {
  background-color: #000;
    -webkit-box-shadow: 0px 0px 0px 6px #000;
    box-shadow: 0px 0px 0px 6px #000;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group