Change top right Icons color

[calle81]

Hi,

I want use a bright color behind our logo however the notification icons are bright as well and unreadable. How do I cahnge the colors of these icons?

Kind regards,

Carl

[Ausy]

Add this to your custom css, and change the color to what you want.

#elUserNav > li > a {
    color: #444444;
}

 

[calle81]

Thanks Ausy!

[Andrew Takats]

Hi @Ausy I think I have the same problem - I'm using the cloud version and have only tweaked the color settings by editing the default theme. I'm trying to use a light gray for the top section and so the small icons don't show very well (they're all white). Is it easy for me to somehow add this CSS tweak if I'm not doing anything else with CSS? If so any guidance very welcome, thanks!

[Meddysong]

Yep, it's easy, @Andrew Takats.

Go to your Control Panel and click on Customization > Themes. Click the "</>" icon for the relevant theme and then the tab CSS. Finally, click on core > front > custom > custom.css. This is the place where you make changes to a theme's design without fear of them being overwritten in an upgrade.

Paste in the code from above and then save it. It might be that the colour in it isn't to your needs, so change #444444 to whatever it is that's best for you.

[Andrew Takats]

Awesome thanks @Meddysong already done! 

[Greg W]

@Andrew Takats even though you are using the cloud based IPS, you still have full control of how you run your site, you are free to create & modify skins as much as you want.

Mine is cloud based & so far I have 3 skins created and a Halloween special on the way

[Andrew Takats]

Thanks @Greg W I will definitely start to dig into this more now! I like the idea of the topical skins too.