how to customize 503 page

[dunlix]

Hello. I was wondering how I would customize this page, whether it be CSS or HTML. is there a way to do it using nodebb-plugin-customize, now that this plugin works with 1.17.0?

[dunlix]

@phenomlab not sure what you mean, but I got it. There is a file in /path/to/yournodebb/public called 503.html. This is the file that loads, and I think it stays after rebuild. All I wanted was to change it from blue to orange, here is the result:

[PitaJ]

If you're using nginx as a reverse proxy you can follow the "Configuring Nginx to use a custom error page" instructions on the following page I think

NginX - NodeBB Documentation

(docs.nodebb.org)

[phenomlab]

@pitaj isn't that only for 502 though and not 503 ?

[PitaJ]

@phenomlab it applies just as well to any error code

[dunlix]

@pitaj I have done that thing for Nginx for my 502 page, but isn’t the 503 page part of NodeBB? I don’t see the clicking Easter egg being a part of nginx. Isn’t there a template for it I can modify?

[dunlix]

@pitaj hmm in the docs that you mentioned it only says the 502 page.

[PitaJ]

@dunlix have you tried the same steps but just replacing 502 with 503? I think it should work but maybe not.

[dunlix]

@pitaj I haven’t as of yet, but I just thought that when NodeBB is online and nginx loads it then it is out of control of nginx. If you constantly reload your page when rebuild and restarting, you will get the 503 page, which is part of NodeBB, then [NodeBB restarts ] you get the 502 bad gateway page (nginx) then the forum loads. If the forum hasn’t restarted yet but is still rebuilding, then I believe nginx doesn’t do anything. But, I will try your solution when I can get a chance.

[dunlix]

@pitaj I connected to my forum while it was rebuilding with the private IP (only accessible from my WiFi) with port 4567, and nginx isn't configured to do anything on this port.

[phenomlab]

@dunlix I think you can customise this directly, no ?

[dunlix]

@phenomlab not sure what you mean, but I got it. There is a file in /path/to/yournodebb/public called 503.html. This is the file that loads, and I think it stays after rebuild. All I wanted was to change it from blue to orange, here is the result:

[phenomlab]

@dunlix said in how to customize 503 page:

There is a file in /path/to/yournodebb/public called 503.html.

Yes, this is what I meant, sorry !