[Resolved] Change search bar background when using header element for posts

[Santa]

Hi! Is it possible to change search bar background and the font color? Attached example blog post. Currently it is quite hard to see what person is typing in the search. Is it possible to change search bar background just for posts? Thank you!

[David]

Hi there,

Leo provides some CSS to style the search form:

https://generatepress.com/forums/topic/navigation-search-colors/#post-1040744

We will be adding this as a customizer option in GPP 1.9.

[Santa]

Hi! Thank you for your time and answer! Did put the mentioned css, but it’s not appearing. When in customizer it shows okey, but when saving and exiting it’s the same as was.

[David]

Hmmm looks like autoptimize is effecting the order the CSS is loaded try adding !important to the properties eg.

.navigation-search input[type="search"], 
.navigation-search input[type="search"]:active,
.navigation-search input[type="search"]:focus {
    color: #0b0c0c !important;
    background-color: #ffdd00 !important;
}

[Santa]

Thank you so much! Now the code works.

[David]

You’re welcome

[Author]

Posts