Archived topic
Search Bar Customization
3 replies · Started by Andrew on October 17, 2021
Viewing posts 1–4 of 4
Hello, my apologies I have asked this before, but can't find the response. Is it possible to make the search form resemble something similiar to the link below? Possibly with some placeholder text?
Hi Andrew,
Give this CSS a try for the style:
@media (min-width: 1241px) {
form.search-form.navigation-search.nav-search-active {
background-color: #ffffff;
width: 325px;
margin-left: auto;
border: 1px dotted #000000;
margin-right: 56px;
}
}To add placeholder text, this should be helpful:
https://docs.generatepress.com/article/generate_navigation_search_output/#add-a-placeholder
Let me know :)
Worked great!
You are welcome :)
This archived topic is closed to new replies.
