Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Change font in header search bar

  1. 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 startingplacefl.wordpress.com.

  2. designsimply
    Staff

    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/

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags