By Sean Carney on Tuesday, 05 February 2019
Posted in General Issues
Replies 1
Likes 0
Views 502
Votes 0
I am using the Charm template and I would say the strength of the template for me is the EasySocial Toolbar. That is why I am using the template.

I also would suggest that the weekness of the template is the EasySocial Toolbar (IMHO) only because I have not been able to use any settings to change the colors of backgrouns, fonts, links, etc...

You have already helped me a few times with this and I am hoping you can help me to figure out how to change the background color of the field that becomes visible when I click on the Search icon. I want to make the background color some sort of light yellow like you use for the Login and password fields. And, I want to change the text to a dark color. My problem now is that the dark color I am using is not being seen by users as a place to enter a search query.

I would also like to change the background colors of the little pull down menu that is for advanced search. I want to do the same thing and make the backround a light color with dark text for those pull downs. There are two grays there I want to change.

Could you help me with CSS changes for this which I could put in my custom.css file? (you will note most of my custom.css has to do with this EasyBar toolbar. So, a future version with settings for the colors would be amazing if it is technically feasible.

Sean Carney
Hi there,

Some of the styling will always follows this settings https://take.ms/cHRJ9. You can change them accordingly. By the way, i have applied css codes below and seems like it does not take affect currently. May i know if there are some cached on your site that may caused this issues? Can you try to clear your server and site cache and see whether it works or not.

[gist type="css"]
#es.mod-es.mod-es-toolbar .es-toolbar__search-input {
color: black !important;
background-color: #dcc82f !important;
}

#es.mod-es.mod-es-toolbar .es-toolbar__search-dropdown {
background-color: #dcc82f !important;
color: black !important;
}

#es .fa-caret-down:before {
color: black;
}
[/gist]
·
Thursday, 07 February 2019 15:52
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post