I’m really happy that you have developed an easy way for us to customize the 404 page. Everything looks good except that the custom CSS I have inserted into the visual composer module isn’t being pulled when the 404 page error actually happens. What I mean is that my site on the actual 404 page works:
https://stg3.utahwebhosting.net/404-2/

while on a realistic 404 like this:

https://stg3.utahwebhosting.net/asdasd

the custom style overrides I made do not show. If you compare the two links, the container holding the social media icons are still the default green while my override makes it light blue. Can you please help me out? ^_^ <3

Thanks for noticing that. You are right. You can quickly fix this by doing the following.

1. When an error page occurs the classname “error404” is added to the body so you can use it for styling.
2. Take the Custom CSS you have used for the 404 page from the page and either move it to “Theme Options -> General Options -> Custom CSS” or to the “child-theme.css” of the starter child theme which came with Boldial. This CSS will be output on every page but you can use the classname above to target the 404 page only.

So instead of the code you have right now:

Use the following:

This should fix it ;)

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market