1. Knowledge Base
  2. Ascend Theme
  3. Ascend CSS Snippets
  4. Ascend – Edit Topbar Search Font

If your topbar search is assigned to your topbar widget area through Appearance> Widgets and you’re having a difficult time seeing the text, use this CSS to adjust the font as needed:

 

#topbar input.search-field, #topbar form.search-form .search-submit {
color:white;
}
#topbar input.search-field::-webkit-input-placeholder{
color: white;
}
#topbar input.search-field::-moz-placeholder {
color: white;
}
#topbar input.search-field:-ms-input-placeholder {
color: white;
}

 

Default Search Text:

topbar search placeholder font ascend theme

Search Text With CSS:

topbar search font ascend theme

Was this article helpful?

Related Articles