[Resolved] Search Bar Customization

[Andrew]

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?

[Ying]

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 🙂

[Andrew]

Worked great!

[Ying]

You are welcome 🙂

[Author]

Posts