WooCommerce Alert Message Icons

  • Resolved avividimage

    (@avividimage)


    5 years, 9 months ago

    Hi, I am really happy with the way my storefront is looking, but am having issues customizing the colors. I’ve figured out the CSS to make the buttons and borders blend with my brand. But, I can’t figure out how to change the colors of the icons that appear on the cart and checkout pages. Right now they are either blue or green and I just want them to be black. When I inspect the elements I don’t see anything for the icons.

    .woocommerce-error, .woocommerce-info, .woocommerce-message ???

    Thanks for any help you can give. ??

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Stef

    (@serafinnyc)

    you can’t mix error and info. so don’t do that. they two have to be different.

    error will obviously be red

    successful
    your brand one will be 

    .woocommerce-info{
    background:whatever color !important;
}

    error

    .woocommerce-error{
 background:usually red !important;
}
    • This reply was modified 5 years, 9 months ago by Stef.
    Thread Starter avividimage

    (@avividimage)

    Thanks for the quick response, I’ll give that a try. ??

    Zach W

    (@dynamiczach)

    Automattic Happiness Engineer

    Thanks @serafinnyc for the assist here!

    I’m marking this as “Resolved”- if you have any further questions, you can start a new thread or reply to this one if the code supplied doesn’t work as needed.

    Stef

    (@serafinnyc)

    You’re welcome. @dynamiczach thanks. My pleasure.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘WooCommerce Alert Message Icons’ is closed to new replies.