Customizing 404

Edit 404.php in your templates folder and put your desired code in the #content div.

Just to clarify should i delete everything between

<div id=”content”>

and

</div><!– #content –>

and replace it with the code from the 404 page i made?

Ok

So I tried the above and after some tweaking got it to look like this

https://www.twoandtwodesign.com/404ness/

not quite this

https://www.twoandtwodesign.com/404-2/

but closer. How could I expand the format to a full width page without breaking something?

Thanks.

You have to inspect the elements (use Firebug, for example).
Compare the codes from the two templates.
Hint: the desired 404 page uses a fullwidth template. Check what you have chosen in page edit. The desired look is using a 100% width.

.page-template-fullwidth
.content-wrap {
width: 100%;
}

Hint 2: disable minifying while you edit HTML and/or CSS. It will be WAAAY easier.

Full width is want I want, I know, but what I can’t identify is how to make it be full width. The codes display

<div class=”content-wrap”>

<div id=”content”>

in about the same place in the same way.

I’m also not sure how to disable minifying.

Correct me if i’m wrong, but doesn’t your theme have the option to select page layout like this?

I’m also not sure how to disable minifying

Check your plugins sections to see if you’re using a minifying plugin or W3 Total cache that also has a minify option.

Yes the themes does thve the full page width option in the drop down, I use it for all pages on the site.

That’s how i created this page which is what i want the 404 to look like:
https://www.twoandtwodesign.com/404-2/

when I copy the code from the above page into the content div in editing the 404.php file , the instructions for aligning the items center appear as text on the final result and all of the content appears crammed into the center column.

as it does here:

https://www.twoandtwodesign.com/nothere