[Resolved] Remove “…Maybe Try Searching?” From 404 Page (CSS Only Removed Search Bar)

[Michelle]

To remove the search bar from the 404 page, I used

.error404 .search-form {
display: none;
}

However, it did not remove “It looks like nothing was found at this location. Maybe Try Searching?” How do I remove this?

[Elvin]

Hi,

The CSS selector you’ve used only targets the search bar. The search message is located within the content area with its own selectors.

That said, can you link us to the site you’re working on? So we could check which CSS selectors to use.

You can provide the site details on the private information text field. Thank you.

[Michelle]

My credentials are in the private information below

[David]

Hi there,

try this CSS to remove the form and the default content:

.error404 .entry-content {
    display: none;
}

[Michelle]

That worked perfectly. Thank you.

Is there code that I can use to add an image the width of the page (not full screen)?

[David]

Would that be a background image ? Or an image within the content ?

Alternatively – Do you use the Block Editor ?
If so we have a way to reconstruct the 404 page using the Block Editor + GenerateBlocks 🙂

Let me know

[Author]

Posts