In regards to the COVID-19 situation

Your support team is currently doing their best to offer the best support possible despite the current COVID-19 situation. However during these exceptional circumstances, please note that you should expect a response time of 2-3 business days, until further notice.Rest assured that we will still do our best to handle your requests as soon as possible! Everyone stay safe and healthy! 😷

Customizing 404 Landing Page

This topic is resolved

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • eyebrandit
    Participant
    • 25 Topics
    • 44 Posts
    Up
    0

    Hello, how do we change the photo and text on the 404 landing page? Thank you.

    Themosaurus
    Keymaster
    Themosaurus Support
    • 2 Topics
    • 1678 Posts

    Hi @eyebrandit,

    Unfortunately there is no settings to edit the 404 page at the moment.
    We are actually searching for the best solution to implement this feature in our themes and plugins.

    Anyway, to edit this page you can simply add the following code snippet to your website:

    /**
     * Override the template for displaying 404 pages (not found).
     *
     * @link https://codex.wordpress.org/Creating_an_Error_404_Page
     */
    function gwangi_custom_template_redirect() {
      if ( is_404() ) :
        get_header(); ?>
    
          <div id="primary" class="content-area col-12 p-0">
              <main id="main" class="site-main">
                  <div class="section grimlock-section region grimlock-region region--6-6-cols-left region--container-fluid">
                      <div class="region__container p-0">
                          <div class="region__row align-items-center m-0">
                              <div class="col-left region__col region__col--2 pl-0 d-none d-md-block">
                                  <div class="section__thumbnail" style="background-image: url('<?php echo esc_url( get_stylesheet_directory_uri() . '/assets/images/pages/page-404.jpg' ); ?>');"></div><!-- .section__thumbnail -->
                              </div><!-- .region__col -->
                              <div class="col-right region__col region__col--3 pt-2 pb-2">
                                  <?php do_action( 'gwangi_breadcrumb' ); ?>
                                  <h1 class="page-404-title"><?php esc_html_e( 'My 404', 'gwangi' ); ?></h1>
                                  <h4 class="page-404-subtitle"><?php esc_html_e( 'Page not found.', 'gwangi' ); ?></h4>
                                  <p class="page-404-text"><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try one of the links below or a search?', 'gwangi' ); ?></p>
                                  <?php get_search_form(); ?>
                                  <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="btn btn-primary btn-lg col-12 col-sm-auto"><?php esc_html_e( 'Go back to homepage', 'gwangi' ); ?></a>
                              </div><!-- .region__col -->
                          </div><!-- .region__row -->
                      </div><!-- .region__container -->
                  </div><!-- .region -->
              </main><!-- #main -->
          </div><!-- #primary -->
    
        <?php
        get_footer();
        die;
      endif;
    }
    
    add_action( 'template_redirect', 'gwangi_custom_template_redirect', 10 );
    

    Then you will be able to stretch all the texts and links. The main image link should be replaced as follows:
    <?php echo esc_url( get_stylesheet_directory_uri() . '/assets/images/pages/page-404.jpg' ); ?>
    by your url:
    https://mysite.com/wp-content/uploads/2018/09/myimage.png&#8217;

    To add this code snippet to your site, we recommend that you use a the Code Snippets plugin (https://wordpress.org/plugins/code-snippets/). If you have never activated this plugin, please read the following post:

    Adding Custom PHP Without Changing Your Child Theme

    We hope this will solve your issue. ?

    All the best,

    Themosaurus
    Keymaster
    Themosaurus Support
    • 2 Topics
    • 1678 Posts

    Hi @eyebrandit,

    Great news! ?

    The 404 page is now available for further customization. First, please update Grimlock and Gwangi to their latest version. Then, just open your Customizer and navigate to Pages > 404 Page. All new theme options will be located there.

    Regards,

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Customizing 404 Landing Page’ is closed to new replies.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️