404 page blank?

[katiesummit1]

Hi!

In the customize theme section I can see there's content on the 404 page (screenshot below). When we've been directed to 404 page on the live site, the page is blank. It says '404 Not Found' up in the tab heading but nothing at all on the page. Would really appreciate any assistance on why this is? Thanks!

[suyash1]

@katiesummit1 - can you please share 404 page link? I will check it on browser now

[katiesummit1]

Thanks for reply! Here is a link that should display a 404 message. https://summitsport.com.au/collections/sporf

[suyash1]

@katiesummit1 - you want 404 page to look like this? if yes, then we need to add given css to the end of your css file, if you have any issues then please add me to staff  I will check and do it

#404-not-found{display: initial;}

[katiesummit1]

@suyash1yes thank you! That is how it's supposed to look... is there some CSS missing? If possible could you paste the css here and I can attempt to put it in the right spot? We have used up all our staff accounts... Thanks again for your assistance

[suyash1]

@katiesummit1 - here is css 

#404-not-found{display: initial;}

[katiesummit1]

Thank you, does that go in 404.liquid? I tried putting it in there (not sure if it goes in a particular spot) but it's still not working.

I'm also not sure where the last line comes from and if it should be deleted?: <script id="esc-redirects-404-script" src="https://redirects.eastsideco.io/js/app.js"></script>

#404-not-found{display: initial;}  
{% include 'breadcrumbs' %}
<div class="page-404">
    <div class="container">
        <div class="d-flex flex-column align-items-center py-40 py-md-100 my-100">     
<iframe src="https://giphy.com/embed/P2zoiEgtWjfSgJAgoY" width="480" height="480" frameBorder="0" class="giphy-embed" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/lifetimetv-mafs-married-at-first-sight-lifetime-P2zoiEgtWjfSgJAgoY">via GIPHY</a></p>
            <h1 class="d-flex flex-column align-items-center mb-25">
                {{ 'general.404.title_large' | t }}
                <span class="h3 mt-20 mb-0">{{ 'general.404.title' | t }}</span>
            </h1>
            <p class="mb-30 text-center">{{ 'general.404.subtext_html' | t }}</p>
            <a href="/collections/all" class="btn">{{ 'general.404.button' | t }}</a>
        </div>
    </div>
</div>

<script id="esc-redirects-404-script" src="https://redirects.eastsideco.io/js/app.js"></script>

[suyash1]

@katiesummit1 - DO not delete last line, and you need to add that css line in css file, check if you have any theme.scss / theme.css file or style.css/scss?

#404-not-found{display: initial !important;}

[katiesummit1]

I found theme.scss.liquid and pasted it in there, but still not working!

[suyash1]

@katiesummit1 - css file not whsoing css added, please check if you have added it corectly