Kadence

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

Filed under Uncategorized
Last updated: July 6, 2026
Was this page helpful?
Thanks for the feedback!