Alert message icon colour change

Hi Ajay!

Thanks for sharing the screenshots. The alert icons would be determined by the theme you have active for your site. For example, the “Your cart is currently empty” alert you shared above looks like this with the Storefront theme:
https://d.pr/i/44l8br/np2eSUrRCL

The background color can be changed with CSS, here is what it looks like with my favorite #bb00bb color change:
https://d.pr/i/4aYRKi/WQpZmYfk9I

I know you said your site is not live, but we would need to have a look at it to be able to see if CSS is an option for you.

• This reply was modified 4 years, 11 months ago by Kyle M. Reason: To receive follow-up emails

Hi Kyle,

Thanks so much for your help.

Yes, I thought it might be based on the theme. I’m using the Showit platform, which uses WordPress for blogging and you can have wordpress pages.

I don’t think there’s any way of changing that colour from within the theme unfortunately. If there is a way to do this via CSS that would be great.

You should be able to see the live basket page here: https://businessprocessforcreatives.com/basket

If you’re able to advise… That would be awesome ??

I’ve looked at the https://businessprocessforcreatives.com/basket/ page you shared, and see the icon. I have found the following CSS will change the color of the icon:

.woocommerce-info::before {
    color: #BB00BB;
}

Be sure to change the color code to your desired color. Hope that helps!

Hi again!

I hope you found the previous reply helpful. We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Hi Kyle,

So sorry, I thought I had responded. This was super helpful. Thanks so much ??

I’m glad it was helpful. Cheers!