Icons in header not visible

[beritendershicks]

Hi,

I am having problems with the icons (account, cart/wishlist) in my header. They are only visible on mouse over. It only shows on the website itself. I tried to customize the colors under Theme > Customize and it worked but only there. The changes I made under Customize do not show on the website later.

I thought it is an issue with the Header Link Color but it is set to black (#000000). Still I changed that back to default (#222222). That is when I see the changes in the customize tool but it will not show on the website.

Thanks
Berit

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.header-left .std-menu ul.menu > li > a, .header-right .std-menu ul.menu > li > a {
  color: #000000;
}

– Kyle

[beritendershicks]

Thanks. Can you tell me quickly how to add that to the custom css?

Under Theme Options > Custom CSS?

[Kyle – SUPPORT]

Yes

– Kyle

[beritendershicks]

Great! Now those icons are displayed.

I would like to change their hover color as well. I thought it is under Customize > Header link hover color but that does not have any affect on it.

Thanks again.

[Kyle – SUPPORT]

It uses the hover color of the nav links

To overwrite add this to your custom css:

.header-left .std-menu ul.menu > li:hover > a, .header-right .std-menu ul.menu > li:hover > a {
  color: #efefef!important;
}

– Kyle

[beritendershicks]

Wonderful! That worked.

Thanks a lot.

[Kyle – SUPPORT]

No problem