Change background color of toolbar
By Gabriella Speich on Tuesday, 17 May 2016
Posted in Technical Issues
Replies 6
Likes 0
Views 382
Votes 0
Hi there
I was trying to find out how to change the color of the toolbar and got to the post #151104 by Jeff Suddaby. I posted my question there but most probably that wasn't the correct place. So I will ask creating a ticket of my own: My problem is - not being very experienced with working with css files - how do I know which css file to add your suggested code to? My theme has got lots of css files :-) I tried adding your code to the file template.css but that did not effect any change. Also I would want to have the color #112f41 as background, can I enter this code instead of green or yellow, once I know where to put it?
Thanks for your help and best regards
Gabriella
Hi Gabriella Speich,

Please assign your domain to your license to obtain for support. You can do so by accessing your license area at http://stackideas.com/dashboard

Once you are done, update us here and we'll continue checking your issue.
Muhammad Fadhli
·
Tuesday, 17 May 2016 20:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fadhli
I've added my domain now. Although I don't know why it has been removed in the first place - I've already submitted several questions before without any problem :-)
Best regards
Gabriella
Gabriella Speich
·
Tuesday, 17 May 2016 23:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Gabriella Speich

I am sorry for the delay of this reply. Actually this is fall under customization, but here some css code that I can help you out . You can override it into template.css file and look how it goes?
.eb-navbar.fd-cf.eb-responsive.wide {

    /* color: blue !important; */

    background-color:#112f41 !important;

}



i.fa.fa-home {

    background-color:  #112f41;

}

i.fa.fa-folder-open {

    background-color: #112f41;

}



i.fa.fa-tags {

    background-color: #112f41;

}



i.fa.fa-user {

    background-color: #112f41;

}



i.fa.fa-group {

    background-color: #112f41;

}



i.fa.fa-archive {

    background-color: #112f41;

}



i.fa.fa-calendar {

    background-color: #112f41;

}



i.fa.fa-envelope {

    background-color: #112f41;

}



i.fa.fa-rss-square {

    background-color: #112f41;

}



i.fa.fa-pencil {

    background-color: #112f41;

}



i.fa.fa-bolt {

    background-color: #112f41;

}



i.fa.fa-cog {

    background-color: #112f41;

}



i.fa.fa-lock {

    background-color: #112f41;

}


Have a nice day ahead Gabriella
Muhammad Fadhli
·
Wednesday, 18 May 2016 12:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Fadhli
Thanks for your help, but unfortunately it does not change anything when I add this code to the template.css file. From the other post #151104 by Jeff Suddaby I gathered it was an easy thing to do, that I would just have to add two lines somewhere. But I guess it is not so easy after all :-)
Never mind, thanks anyway
Gabriella
Gabriella Speich
·
Wednesday, 18 May 2016 14:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey, Gabriella!
I hope you have already solved your problem, but if not, let me share with you the post here that always helped me on this... it's this one, from two years ago, but still gold!
http://stackideas.com/forums/%7Bsolved%7D-color-change-in-easysocial

Than to change the color for the one you want is a matter of trial and error - at least it is to me.

Hope I have helped, and have a great weekend!
Daniel
Daniel Ribeiro
·
Friday, 23 September 2016 03:32
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for sharing the information Daniel
Muhammad Fadhli
·
Friday, 23 September 2016 10:07
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post