You can upload this file to your child themes root directly to create a very simple 404 template you can customize in any Genesis child theme.
This is what the code produces :
You can then use CSS to style the search form :
.error404 .entry-content button,
.error404 .entry-content input[type="button"],
.error404 .entry-content input[type="reset"],
.error404 .entry-content input[type="submit"],
.error404 .entry-content button {
width: 100%;
margin-top: 20px;
}
.error404 .entry-content input[type="search"] {
width: 100%;
}
Works in both HTML & XHTML child themes.
kumar says
its amazing but how can we add some extra like most popular post in 404 page or some special desired page i think they might be require some php shortcode
Brad Dalton says
Yes you can add code to the file to load any posts or pages you like. This level of support is available for registered users. https://wpsites.net/register/
Sreehari Sree says
Thanks for sharing bro.
I really want it!!
Sultan singh says
Awesome 404 page design
Alvaro Guevara says
Hi, what is, and why would one want to link to, and confuse newbs, with TAGGED TUTORIALS?
Brad Dalton says
Because you can find tutorials by theme name.
Alvaro Guevara says
I simply never heard of a “tagged tutorial” Brad. Can you give example of some Genesis them please?
Brad Dalton says
These are posts tagged by theme name https://wpsites.net/genesis-tutorials-child-theme/
Alvaro Guevara says
OK I see. But why confuse newbz with tutorials? Why not just explain the 404 simply in a sentence or two?
Brad Dalton says
Its about providing options to find what they need.