Change font in header search bar

  • Unknown's avatar
    startingplace351 · Member ·

    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: (visible only to logged in users)

  • Unknown's avatar
    designsimply · Member ·

    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:
    http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

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