By Josua on Monday, 24 February 2014
Posted in General Issues
Replies 6
Likes 0
Views 694
Votes 0
Is there a way to change this blue toolbar to another color?

Thanks,

Josua
Hello Josua,

Yep, it is possible and you can change this by adding css codes into your templates css file
·
Monday, 24 February 2014 11:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Is there a fix Place to change it ? Or what do I have to Look Out for?

·
Monday, 24 February 2014 13:29
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Josua,

Perhaps if you can give me the URL to your site, and let me know what color you'd like to change to and I will create the css codes and let you know where you could place them?
·
Monday, 24 February 2014 13:32
·
0 Likes
·
0 Votes
·
0 Comments
·
Okay, that would be fine:) I'd like to have the same color there as i got for my logo, so the green:)
·
Tuesday, 25 February 2014 05:32
·
0 Likes
·
0 Votes
·
0 Comments
·
Mark wrote:

Hello Josua,

Perhaps if you can give me the URL to your site, and let me know what color you'd like to change to and I will create the css codes and let you know where you could place them?


Mark,

Can you make the css codes available here so others can add them to their template? Thanks.
·
Tuesday, 25 February 2014 05:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Josua,

I will try to put this as an example but you need to replace the hex color code accordingly to the color that you want,


/** To customize the main color of the toolbar **/
body div#es-wrap .es-toolbar .navbar-inner {
background-color: #00948A !important;
background-image: linear-gradient(to bottom, #00948A, #00948A) !important;
border: 1px solid #00C7AB !important;
}

/** To customize the search area in the toolbar **/
body div#es-wrap .es-toolbar .es-navbar-search .search-query,
body div#es-wrap .es-toolbar .es-navbar-search{
background-color: #00B6AD !important;
}

·
Tuesday, 25 February 2014 10:56
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post