Customising 404 Page Not Found Pre-Installed Page

BlogrCart Closet Blogger store theme comes with a 404 Page Not Found page pre-installed. It is a simple page complete with Page Not Found meta tags to help users when error in not finding a specific product (or page) at a Blogger store. Find below the customisations offered for the 404 Page Not Found pre-built with BlogrCart Closet theme.

• Codes & Customisations

Customising Background Image In template editor find /* 404 Page Not Found */ inside the CSS stylesheets. Below is the example code used:- background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTBBPe4uBytkb9G5SfQ-O9gOjbTk5_QjZjLkgGs47P3TzpJIub6domDl7wuoTvjDyMAj5AelTN6xSpeJspbwKVRjYqpBPHPjJER_qHiQ2bi213fJWld_ChFJkCygX4Z3NcSdoLFF34u_Y/s1600/blogr+template+free+theme+download-compressed.jpg); } To customise, change the URL highlighted above to an uploaded image. Best image size would be 1600px X 1200 px at 4:3 image ratio. Best rendered for images below 100kb in file size. Editing Page Text To edit the page title & paragraphs, find below codes slightly at the bottom of template codes. <!-- 404 page not found starts -->   <div class='inset-shadow tint' id='error_page'>     <div class='container'>       <div class='row'>         <div class='col-sm-12 text-center inverse'>           <h1 class='inverse'>Ooops... We&#39;re Sorry</h1>           <p>The page you&#39;re looking for must have been moved.</p>           <p>Use our internal navigation links to assist your findings.</p><br/>         </div>       </div>       <div class='row text-center'> <form action='/search' id='blogrcart-search' method='get' role='search'>           <div class='input-group input-group-lg col-sm-6 col-sm-offset-3'>             <input class='form-control' name='q' placeholder='Search' type='search'/>             <span class='input-group-btn'>             <button class='btn btn-default' type='submit'><i class='fa fa-search fa-lg'/></button>             </span>           </div>         </form>       </div>     </div>   </div> <!-- 404 page not found ends --> To edit the page titles edit at the cyan highlighted texts. To edit the page paragraphs. edit at the green highlighted texts. Click Save Template & preview your changes.