Hugo-coder: How to add custom 404 page?

[PiotrWachulec]

Hi!

Like in the topic I would like to add to my page custom 404 page. I followed the official tutorial, but it doesn't work with this theme. I got something what is shown on the picture below:

Is there any way to add such a page with this theme?

Thanks in advance!

[luizdepra]

Well, this theme provides a default 404 page as you can see here.

Are you trying to customize it?

But I need to mention that you'll be unable to see the 404 page if you're testing your deployment with hugo server command.

[PiotrWachulec]

From official docs:

hugo server will not automatically load your custom 404.html file, but you can test the appearance of your custom “not found” page by navigating your browser to /404.html.

When I run hugo server and I go on http://localhost:1313/404.html I see theme default 404 page. But I would like to customize it :) How can I do that?

[clement-pannetier]

Hi @PiotrWachulec, to customize the 404 page, you have to change this file.

[PiotrWachulec]

Ok, so when I added this theme as submodule then I can have problems with updating theme when I will change this file.

[luizdepra]

I don't remember now, but I think you can override only this file by creating layouts/404.html on your site root. But I may be wrong.
You also can fork this project, change what you want and use the fork as a submodule.

[clement-pannetier]

I don't remember now, but I think you can override only this file by creating layouts/404.html on your site root. But I may be wrong.

👍 but to override the 404.html file you have to create it under layouts/partials/404.html not layouts/404.html.

[PiotrWachulec]

Ok, I'll try to override it under layouts/partials/404.html and I'll get back with the answer. Thanks @luizdepra and @clement-pannetier !

[PiotrWachulec]

@clement-pannetier and @luizdepra overriding layouts/partials/404.html works! Thanks a lot for your help! :)