Cart and Login icon Colour change

Hi Guys,

I have updated to the latest verion of Syd Pro. My icons for Cart and Login (woocommerce )in the main menu have changed to a white when not active. Normally I have a white background for the menu and you now cant see it. I have made it grey to make it visible to customer but it looks dodgy.

When hovered, they change to green which is what I want. Is there a setting that has changed ? Do you know how I can fix this please?

Site is BioMinToothpaste.com.au

Hi,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .site-header .cart-contents svg, 
    .site-header .header-account svg {
      fill: #24a63c;
    }

    .site-header .cart-contents:hover svg, 
    .site-header .header-account:hover svg {
      fill: #d65050;
    }

Regards,
Kharis
aThemes Support

Thanks for the code. I implemented and no change to either normal or hover state. any other suggestions please?

Hi,

Try this code:

    .site-header .cart-contents svg, 
    .site-header .header-account svg {
      fill: #24a63c !important;
    }

    .site-header .cart-contents:hover svg, 
    .site-header .header-account:hover svg {
      fill: #d65050 !important;
    }

If still, it doesn’t give any change, perhaps there is a cache on your end that should be flushed.

Regards,
Kharis
aThemes Support

Works Thanks for your assistance

1 Like

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support