Search bar font?

  • Author
    Posts
  • #158919

    Hi there,

    Is there a CSS code to change the font of the text in the search bar and also the “go” button? I’d like it to match the font of the rest of my blog, which is Skolar Latin. Thanks!

    Julia

    The blog I need help with is: (visible only to logged in users)

    #158923
    itsdavidmorgan
    Theme Author

    Hello,

    It seems you were able to figure this out, as your search field and button is displaying the Skolar Latin font. Did you get this resolved?

    Thanks!

    #158930

    Oh, you’re right! I think the size just threw me off. Is there a way to adjust that since it’s bigger than, for example, the “follow” button above it?

    #158951
    itsdavidmorgan
    Theme Author

    Hello,

    Sure, you can add the following CSS within the Customizer to change the font size:

    .wf-active #s,
    .wf-active .sidebar #searchsubmit {
        font-size: 1rem !important;
    }

    I hope this helps. Thanks!

    #159369
    juliawtannenbaum
    Member
    Original poster

    Thank you, this worked! Do you have a similar code for the follow button too? To change the font and the size of that? Because that would be super helpful.

    Thanks again.

    #159410
    itsdavidmorgan
    Theme Author

    Hello,

    Great! Adding the following style will change the font and size of the follow button:

    .sidebar #subscribe-submit button {
      font-family: Arial;
      font-size: 16px;
    }

    You can adjust the size and font as needed.

    Thanks!

  • The topic ‘Search bar font?’ is closed to new replies.