icons in header to change color

Hi there,

I'm not seeing them right now, but you can do this:

.navigation-stick .notifications_icons {
    color: #000;
}

Hope this helps :)

So that totally worked for the header while scrolling. However for the pages where there is no header element used I have the white background as well. So the icons are still not showing in the header outside the scroll on those pages.

Any ideas?

In that case, I would always use black:

.notifications_icons {
    color: #000;
    /* other stuff */
}

Then, target the Header Element:

.header-wrap .notifications_icons {
    color: #fff;
}

OK this solved the problem for the Pages with no background, but for the pages where I use the header elements (merge with header) the icons are now black instead of white..

Hmm, that's where the .header-wrap CSS should kick in. Can you link me to one of those pages?

sent in contact

So all of the pages I'm seeing are merged, so maybe that CSS should be #fff.

However, what about just removing the color from the CSS? That way, it should inherit from the navigation.

However, what about just removing the color from the CSS? That way, it should inherit from the navigation.

That was the answer, you are a life saver. So simple :) Thank you!!!!

I know this is a little out of the realm, but do you know how to make those notifications that say "zero" disappear. I would only like them to show if the value is higher than zero..

I'm not seeing the icons on the site right now, even when logged in?

It would only be possible to do so if the numbers have a specific CSS class for 0.

I had to change directions a little. I'll be starting a new topic ;)