404 Not Found page not styled properly

Question

Hi SemiColonWeb,

Please refer to the two attached screenshots.

If I visit the 404.html page directly ( see https://coastmetalsolutions.com/new/404.html ), everything is proper; however, if I arrive at the 404 page by entering an invalid URL ( e.g. https://coastmetalsolutions.com/new/test ), the flex formatting is broken.

I couldn't figure it out in the styling.

Let me know if you can spot what I'm doing wrong.

Thanks!
Paul

SemiColonWeb · Accepted Answer

Hello,

Since you are using a Rewrite URL: https://coastmetalsolutions.com/new/test/ , you will need to use Absolute URL for the Assets on your Website. Like: https://coastmetalsolutions.com/new/style.css instead of just style.css. This is applicable to all the Assets on your Page like CSS/JS/Images or any other Media.

This will definitely fix your issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Paul · Answer

Hi SemiColonWeb,

I'm sorry, I don't understand. What I mean is that any garbage link should go to the 404.html page... which it's doing, but the formatting is wrong (see screenshots). But when I directly visit the 404.html page, the formatting is fine.

Thanks in advance!
Paul

Semicolon Web · Answer

Hello, Thanks for your Patience! 1. Open the Page of your Website in the Text Editor. 2. Find the following codes: [ch pre] [/ch pre] 3. The is a Relative URL and will take the URL according to the URL in the Address Bar. So when you are trying to load: https://coastmetalsolutions.com/new/test , it…

Paul · Answer

Hi SemiColonWeb,

Thank you for the explanation-- I understand what you were saying now.

I'll get that working, and then apply at least 2 more updates you've done recently. ;-)

We really love this theme.

Regards,
Paul

Semicolon Web · Answer

Thanks for the Kind Words and Very Happy to Help! :) Please do let us know if we can help you with anything else or if you find any further issues with Canvas.