Change font in header search bar

  • Author
  • #1173829

    I have the custom design upgrade and the Splendio theme.

    I want to change the font and color of the word “SEARCH” in my search bar (#header-auxiliary .header-search). Any help? Thanks.

    The blog I need help with is


    Since the font for that text has a very specific rule set by the Appearance → Custom Design → Fonts page when you selected a Headings font, you need to use the “!important” rule in CSS to override it. Here is an example:

    #header-auxiliary .header-search .search-title {
    	font-family: "museo-sans-1","museo-sans-2",sans-serif !important;

    Note that you can use any fonts which are loaded on the Appearance → Custom Design → Fonts page (i.e. you currently have Museo Sans selected, so that will work) or you can use a font stack like the ones shown at this link:

The topic ‘Change font in header search bar’ is closed to new replies.