Hi Jeff,

You can do this by adjusting the CSS for these elements.
You can either change them in the actual css file, but that means when there is an update of Easysocial and you install the update , this file gets overwritten again and you lose your adjustments.
I always create a separate file to overwrite the CSS.
Take a look at the link below it explains how to create such a file.

http://docs.stackideas.com/administrators/templating/template_overrides

Regards,
Danny

Thanks for sharing Danny Appreicate this very much!

I am trying to do the same and I cant seem to get it to work for me
I am looking to change the exact same items color

Have made a over-ride file

MY-TEMPLATE/html/com_easysocial/styles/toolbar.css
Nothing is changing

Would appreciate any help

Regards
Jeremey

Hi Jeremy,

You can also add the override code to your template's override css file, maybe that works better.

Below is the code I added to the file --> public_html/templates/my_template/css/custom.css

This code creates a transparent navbar, but you can off course adjust it to any color you want.
The last part of the code changes the color of the icons on the navbar.

body div#fd.es .es-toolbar .navbar-inner {

  background-image: none;

  border: 1px solid transparent;

}



.navbar-inner {

  background-color: transparent;

}



body div#fd.es .es-toolbar .fd-nav>li>a [class^="ies-"], 

body div#fd.es .es-toolbar .fd-nav>li>a [class*=" ies-"] {

  color: #767676;

}

Kind regards,
Danny

Thanks for sharing Danny