StudioPress

Forum navigation

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.

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

This topic is: resolved

Tagged: , ,

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.