[Support request] How to style search bar shortcode

[Shreedhan]

Hello

I’ve added the search bar shortcode so I can use it in a hero element following this guide:

https://generatepress.com/forums/topic/search-field-in-404-page/#post-787184

What’s the best way to style/format this?

e.g. remove the search button, change the place holder text, font colour etc.

[David]

Hi there,

might be easier to use the code provided by one of our users here:

https://generatepress.com/forums/topic/search-field-in-404-page/#post-1159973

You can set your own placeholder in that code.
And you can use this CSS to hide the button:

.page-hero input[type="submit"] {
    display: none;
}

[Shreedhan]

Finally got around to sorting this – thanks!

[David]

Glad to hear that

[Author]

Posts