[Resolved] Navigation Search

[Kim]

Hi,

I’ve added the navigation search to the header. Unfortunately the searchbar is nearly unvisible on a header with a white background. Is it possible to style it differently or to add some text like “Type to search…”?

Cheers
Maike

[Leo]

Hi there,

We will be adding navigation search color options soon.

For now try this CSS:

.navigation-search input[type="search"], 
.navigation-search input[type="search"]:focus {
    color: #000;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

As for navigation search placeholder text, try this PHP:
https://docs.generatepress.com/article/generate_navigation_search_output/#add-a-placeholder

Adding PHP: https://docs.generatepress.com/article/adding-php/

Let me know if this helps 🙂

[Kim]

Great! Good to hear 🙂

Will it be possible to add text then?

BR Maike

[David]

Hi there,

you can use the PHP filter provided here to add a placeholder:

https://docs.generatepress.com/article/generate_navigation_search_output/#add-a-placeholder

Just change the contents of the placeholder="Enter your search"

[Kim]

Perfect! Many thanks 🙂

[David]

You’re welcome

[Author]

Posts