• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Splash page image 404 not found

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Splash page image 404 not found

This topic is: resolved

Tagged: 404, custom template page, image

  • This topic has 2 replies, 2 voices, and was last updated 6 years, 4 months ago by bluebird.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 23, 2016 at 1:42 pm #198055
    bluebird
    Member

    Hi,

    I am trying to create a splash page via a custom template (splash.php) and I can see that the template is showing in the templates drop down when I create a new page. However, the full page image that I am attempting to show comes up as a 404 server not found error. I have searched around the web quite a bit to find a solution, but have not been able to find one.

    I was wondering if anyone could tell me what I am doing wrong &/or if I am missing something.

    Here is my splash.php code that I have created in the root of my centric-pro theme:

    <?php
    /*
    Template Name: Splash
    */
    ?>
    
    <html><head>
        <title>Splash Page</title>
    
        <style>
    
            img.splash {
                /* Set rules to fill background */
                min-height: 100%;
                min-width: 1024px;
    
                /* Set up proportionate scaling */
                width: 100%;
                height: auto;
    
                /* Set up positioning */
                position: fixed;
                top: 0;
                left: 0;
    
            }
            @media screen and (max-width: 1024px){
                img.splash {
                    left: 50%;
                    margin-left: -512px; }
            }
    
        </style>
    </head>
    <body>
    <a href="homepage"><img class="splash" src="images/firebuglive.jpg"></a>
    </body></html>
    
    

    Thanks in advance to anyone who can help and Happy Holidays!

    December 23, 2016 at 11:57 pm #198065
    Brad Dalton
    Participant

    You need to print the image.

    See this example

    Also, you wouldn't add CSS directly to the template. You adds div classes and the CSS goes in your style sheet.

    Copy and rename a page_landing.php file from any StudioPress theme and add your code:

    <?php
    
    //* Template Name: Splash
    
    //* Add landing page body class to the head
    add_filter( 'body_class', 'splash_add_body_class' );
    function splash_add_body_class( $classes ) {
    
    	$classes[] = 'splash';
    
    	return $classes;
    
    }
    
    // Add your image code here
    
    genesis();
    

    Tutorials for StudioPress Themes & WooCommerce.

    January 28, 2017 at 1:26 pm #200190
    bluebird
    Member

    Thanks for taking the time to help me out Brad! This helps a lot.

    Apologies for the delayed response. For some reason I have not been receiving responses via my email so I never knew that you had responded to me.

    Cheers:-)

    Juliette

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Splash page image 404 not found’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble