Cannot Change Font Icon Color in ES Notifications
By Josh Lewis on Sunday, 18 May 2014
Posted in Technical Issues
Likes 0
Views 695
Votes 0
Notice how on my site the notification icons appear too light?



Normally I can pull out my CSS wand and fix the issue in a jiffy. Unfortunately there is an important rule making this hard to achieve. It uses the following selector:
body div#fd.es.mod-es-notifications .es-notification .es-menu-item > a

With the following code: color: #C6C9D0 !important;

It can be found in:
root/modules/mod_easysocial_notifications/styles/style.min.css

So what I'm suggesting is the !important rule be taken out so that we can change the color accordingly with CSS.
hey josh,
as long as you're using a joomla template that's following the basic rules (loading your custom css file last) you can still override it.
what you need to do is to add your override styles also with an !important declaration into your custom css file, that way YOUR !important is overruling the existing !important definitian as yours is taking precedence.

hope that helps and have a nice day
Alex
·
Sunday, 18 May 2014 04:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Alex! My problem was that my selector was "too simple". For example I was using .notifications a which would normally work when there is no !important rule. In this case using the entire selector over wrote the default ES !important statement. Now I can apply this to some other things as well.
Josh Lewis
·
Sunday, 18 May 2014 04:25
·
0 Likes
·
0 Votes
·
0 Comments
·
thanks for updating and good to hear that your issue's are solved
Alex
·
Sunday, 18 May 2014 04:26
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post