Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #328016

    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.

    #328124

    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

    #328240

    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

    #328521

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change the font for main search bar’ is closed to new replies.