Hi Hassan,
You can try to use these css codes to modify the background color of ES's toolbar:

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

 background: #000 !important;

 border: 1px solid #000 !important;

}



div#fd.es .es-toolbar .fd-navbar-search .search-query {

 background: #000 !important;

}



div#fd.es .es-toolbar .fd-navbar-search {

 background: #000 !important;

}



div#fd.es .es-toolbar .es-toolbar-avatar {

    background: #000 !important;

}

You would need to adjust the color(#000) to the ones that you want. Also there are 4 parts of css codes here which corresponds to 4 parts of the toolbar. You can use some or all of them, depending on what you want to achieve.

Hello Raymond,

I tried doing that at .../public_html/components/com_easysocial/themes/frosty/styles/toolbar.css but nothing seemed to change.

The default for Frosty is #5580be. I changed them to #000000 but the style output remains the same.

Is it a different file I am supposed to be modifying?

Regards

Hassan

Hey Hassan,
It's not advisable to edit the css files of the elements directly because those are not update protected. You should place the codes in a separate custom css file that is update protected.
This is the directory you can use for EasySocial to place the custom.css file(create the directory if it does not exist)
JoomlaFolder\templates\yourCurrentTemplate\html\com_easysocial\css\custom.css

Hello Raymond,

Thanks for the tip.

I have created the file in the location advised and the changes have taken effect.

Kind regards

Hassan

Hey Hassan,

You are most welcome. Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.