Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 14, 2018 at 3:22 am #926366
    Colferg

    hello,

    How can I change the notification banner colour when a product is added to the cart? it’s showing green and I’d like it to be more in line with my branding

    thank you,
    Colleen

    March 14, 2018 at 10:07 am #926513
    Nikko

    Hey Colferg,

    There’s no option to change that color, however you can use this css code in Quick CSS (located in Enfold > General Styling):

    #top #wrap_all div.woocommerce-message {
    border-color: black;
    background-color: darkgray;
    color: white;
}

    Just change the color values. Hope it helps :)

    Best regards,
    Nikko

    March 16, 2018 at 2:48 am #927840
    Colferg

    Great thank you Nikko,

    how can I customize this button color and font color only for the shop notification banner?

    Colleen

    March 18, 2018 at 6:47 pm #928751
    Mike

    Hi,
    For the button, please Try this code in the General Styling > Quick CSS field and adjust the colors:

     #top div.woocommerce-message a.button {
    color: #fff!important; 
    background: rgba(0,0,0,0.2)!important; 
}

    Best regards,
    Mike

    March 20, 2018 at 6:13 am #929521
    Colferg

    Perfect thank you Mike!

    would you happen to know how I can make the font bold in the notification banner itself? I’m not referring to the button anymore.

    Thank you,
    Colleen

    March 20, 2018 at 12:45 pm #929787
    Mike

    Hi,
    Please try adding “font-weight: bolder;” to your message css like this:

    #top #wrap_all div.woocommerce-message {
    border-color: #cbb482;
    background-color: #FEEFE7;
    color: #cbb482;
    font-weight: bolder;
}

    your choices are “bold” or “bolder”

    Best regards,
    Mike

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