[Resolved] Search Bar Customization in Home Page

[Py]

I want my search bar to look like this with the button color #000d07e instead of grey.

[img]https://i.imgur.com/CumiYUL.png[/img]

But when I add the search Guttenberg block to create my home page, I see the following in the published front page:

[img]https://i.imgur.com/ikxXCB8.png[/img]

The button is not full width and it doesn’t even appear like it does in the Guttenberg preview.

How do I customize the search guttenberg block?

[Ying]

Hi there,

The search block is a WP core block, GP has no control over it unfortunately.

I can see that there’s some WP CSS missing from your site which leads to this issue.

Can you try to disable all cache plugins to test?

And if you are using any custom function, can you disable that as well?

[Py]

Thanks you were right. I had unloaded WP-Block-Library style sheet. It was causing the issue.

[Ying]

Glad you figured it out 🙂

[Author]

Posts