Message bar styling - by andreataylor - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 10 years, 4 months ago ago by Jack Richardson

  • Avatar: andreataylor
    andreataylor
    Participant
    August 14, 2015 at 17:51

    Hi,

    We would like to change the colour of the message bar that appears when a product has been removed from the cart: it’s a large green bar with a tick icon and the words ‘[PRODUCT] REMOVED. UNDO?’ We would like to remove the tick icon and change the green colour. Any advice much appreciated.

    Best wishes, Andrea

    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 17, 2015 at 07:35

    Hello,

    Please add this code in custom.css:

    .woocommerce-message {
      background-image: none;
      background-color: #98c391 !important;
    }

    Write your color value.

    Best regards,
    Jack Richardson.

    Avatar: andreataylor
    andreataylor
    Participant
    August 22, 2015 at 16:34

    Perfect – many thanks Jack!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 23, 2015 at 08:58

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Message bar styling’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.