Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 24, 2019 at 12:15 am #1121336
    neilpreston26

    When an item is added to cart the Woocommerce notification that appears at the top of the screen is a hideous pale green which totally clashes with my website’s style. Is there an easy CSS solution to allow me to change the green box colour and also the font colour?
    Kind regards
    Neil

    July 24, 2019 at 2:53 am #1121357
    Mike

    Hey neilpreston26,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    
#top div.woocommerce-message {
    border-color: #8BAF5B !important; 
    background-color: #E0F1B5 !important; 
    color: #4F5F39 !important; 
}

    Please adjust to suit.

    Best regards,
    Mike

    July 25, 2019 at 3:07 pm #1121923
    neilpreston26

    Hi Mike. I’ve tried the CSS snippet in both General Styling > Quick CSS field and in the WordPress > Customize > Additional CSS, but it doesn’t appear to do anything, even after multiple cache purges. Strangely, some of the Woocommerce buttons appear in the grey I want to achieve – such as ‘Update cart’, and ‘Proceed to checkout’, but when changes are made the new message always appears in the awful green. I’ve attached a picture link for clarity.
    https://www.cardeogram.co.uk/wp-content/uploads/2019/07/Artboard-2.png
    Anything else I can try?
    Cheers

    Neil

    July 27, 2019 at 8:37 pm #1122432
    Mike

    Hi,
    Sorry for the late reply, I adjusted the colors in the code above in your WordPress > Customize > Additional CSS
    The message is now gray instead of green, please clear your browser cache and check.

    #top div.woocommerce-message {
        background-color: #58585b !important; 
    color: #ffffff !important; 
    border-color: #363639 !important; 
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.