Change the color of header elements (Links, Flag, Bell and username)

Trombert

Hello, I would like to change the following elements that are seen in the image to white, also when changing these elements to white I would have to change the color of the hover as for example the user would not be able to see it as the box is white.

I have tried in several ways but I can't change the color only with the links but not with the hover

Thank you very much.

clarkwinkelmann

Trombert can you share what you tried so far ? A combination of #header, #header-secondary, .item-flags, .item-notifications, .item-session, .Button, .Dropdown should do the trick.

Don't forget to enable debug mode in config.php while you try out new CSS to bypass the cache.

Trombert

clarkwinkelmann

I am quite lost, with the following code I have managed to make the flag, bell and username appear in white:
button.Button--flat {color:#fff; background:transparent !important;}
But this happens when you've already logged in before the "Sign in" and "Sign up" buttons don't appear in white.

For the links I used the following code:
li[class^="item-link"] to { color: white; font-weight: bold;}
It works well, although I don't know if it's the right way to do it, I'm currently looking for a way to introduce Font awesome icons in the links without success for now...

I don't know if you know a more effective way to change the color of the header buttons since as I explained the one I used doesn't work when you're not logged in.
Greetings!