Custom 404 Page Not Rendering Correctly

[chet]

I have built a custom 404 page for my website.

When you visit that page directly, it looks and renders perfectly. I have a gradient background set using the Container component, a some text, and a few buttons.

The problem is, when someone goes to a bad URL that should 404, like this, the 404 page shows up but the background gradient doesn’t show up and the spacing in the Container component is not respected.

I have my .htaccess set to: ErrorDocument 404 /404/

Is there an obvious mistake that I’m making?

[annebourdon]

Hi,

In the “headers” of my 404 page (edit extra code Button / page inspector), I have :
<?php header("HTTP/1.1 404 Not Found");?><base href="your-404-page-url-here">

[chet]

Thanks! That worked like a charm.

For anyone looking for the “Extra Code” button, I’ve attached a screenshot.