By MD King on Wednesday, 28 October 2015
Posted in Technical Issues
Likes 0
Views 729
Votes 0
I added the following code to my custom.css, however the icons are still blue:



body div#fd.es .es-toolbar .navbar-inner {
background-image: -webkit-linear-gradient(top,#3E444E 0,#000000 100%);
background-image: linear-gradient(to bottom,#3E444E 0,#000000 100%);
border: 1px solid #454545;
}

body div#fd.es .es-toolbar .fd-nav>li>a [class^="ies-"], body div#fd.es .es-toolbar .fd-nav>li>a [class*=" ies-"] {
vertical-align: top;
position: relative;
width: 20px;
height: 14px;
line-height: 14px;
color: #FFFFFF !important;
font-size: 14px;
text-align: center;
}
body div#fd.es .es-toolbar .fd-navbar-search {
background: #404040;
}
body div#fd.es .es-toolbar .fd-navbar-search .search-query {
background: #404040;
}
body div#fd.es .es-toolbar .fd-nav>li>.dropdown-toggle_>.caret {
border-top-color: #FFFFFF;
border-bottom-color: #3a77b6;
}
body div#fd.es .es-toolbar .divider-vertical {
border-left: 1px solid #FFFFFF;
border-right: 0 solid #FFFFFF;
}
body div#fd.es .btn-es-success, body div#fd.es .btn-es-success:focus {
color: #fff !important;
background-color: #b30000 !important;
border-color: #5c0000 !important;
}

body div#fd.es .btn-es-primary, body div#fd.es .btn-es-primary:focus {
color: #fff !important;
background-color: #3e444e !important;
border-color: #454545 !important;
}
body div#fd.es .btn-es-primary, body div#fd.es .btn-es-primary:focus {
color: #fff!important;
background-color: #810d05 !important;
border-color: #454545 !important;
}

body div#fd.es .btn-action-friends.is-friends, body div#fd.es .btn-action-friends.is-friends:hover, body div#fd.es .btn-action-friends.is-friends:focus {
background-image: -webkit-linear-gradient(top,#404040 0,#404040 100%);
background-image: linear-gradient(to bottom,#454545 0,#404040 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8dbde6',endColorstr='#ff72a1d1',GradientType=0);
color: white !important;
}
body div#fd.es .btn-action-followers.is-following, body div#fd.es .btn-action-followers.is-following:hover, body div#fd.es .btn-action-followers.is-following:focus {
background-image: -webkit-linear-gradient(top,##404040 0,#404040 100%);
background-image: linear-gradient(to bottom,#454545 0,#404040 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8dbde6',endColorstr='#ff72a1d1',GradientType=0);
color: white !important;
}
Hello,

Can you try this:

div#fd.es .es-toolbar .fd-nav > li > a .fa {
color: white !important;
}


Hope this helps.
·
Wednesday, 28 October 2015 12:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Nick!

That was it- updating my tutorial now.
·
Thursday, 29 October 2015 01:37
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

You're welcome.
·
Friday, 30 October 2015 11:52
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post