By default, Enfold uses a sans serif font for the search bar within the menu section on top of every page. Both the “Search”-text as well as the user’s input are both rendered in Helvetica or Arial. Since the rest of my page uses the “OpenSans” Google font, I wanted to use this font for the search bar, too. I tried a few things in my child theme’s style.css but none of it worked so far. For example, I’ve overwritten the #top input[type=”text”]-element from the base.css and added the “OpenSans” font-family, however it didn’t change anything. Could you please give me a hint on how to change the search bar font? Thanks in advance.
Hey fichtenelch!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top #s {
font-family: 'Open Sans' !important;
}
Cheers!
Yigit
I experimented with that #top #s-element too – maybe I forgot the !important directive. Whatever…it works now, issue resolved. Thanks Yigit for your great support!
Best regards,
fichtenelch
Hey!
You are welcome, glad we could help :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Best regards,
Yigit