Archived topic
How to add some text to navigation search in primary navigation
3 replies · Started by milan on May 4, 2021
Hello,
I would like to place some text (+border outline) to empty background of navigation search in primary navigation. In customizer there is not this possibility.
I mean, after the visitor click to zoom icon in primary navigation, he will see some text (stylized text, big size of font..). I found this on your website, but Iam not sure how to use pseudo selector: https://generatepress.com/forums/topic/2-1-text-before-search-item-in-primary-navigation/.
Is there some easy way how to change and stylize this navigation search? E.g. font size, font color, text...
Thank you for your help.
Hi there,
you can set the Background and Text Colors in Customizer > Colors > Primary Navigation.
To adjust the Font Size of the nav search text - add this CSS:
.navigation-search input[type="search"] {
font-size: 30px;
}And to add some Placeholder text requires some PHP:
https://docs.generatepress.com/article/generate_navigation_search_output/#add-a-placeholder
I did not see this option in primary navigation, I'm blind, sorry.
Thank you very much, everything is done.
Glad to be of help
