1. Home
  2. Knowledge Base
  3. Ascend Theme
  4. Ascend CSS Snippets
  5. 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 {
#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