Celebrating 7 Years! Get up to $30 off GeneratePress Premium!

[Resolved] page header background overwrites body background

Home Forums Support [Resolved] page header background overwrites body background

Home Forums Support page header background overwrites body background

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #580572
    Hans

    I want to use a full screen background on the homepage, I use a hook and a css.

    This is my css:

    #ktgbild {
         position: fixed; 
         top: 0; 
         left: 0; 
         /* Preserve aspet ratio */
         min-width: 100%;
         min-height: 100%;
        z-index: -1;
    }

    This is the wp_head hook:

    <?php if ( is_home() ) : ?>
    <img src='http://huppenb ---- rath/wp-content/uploads/bgimage/rotate.php' alt='' />
    <?php endif; ?>

    On many sites it worked. Now the page header overwrites the top of my homepage as you can see on my site.

    GP Premium 1.6.2
    #580630
    David
    Staff
    Customer Support

    Hi Hans, i am a litte unclear as to what the problem is. Do you want to remove the header image so the fixed background shows through?

    #580726
    Hans

    Hi David,

    I try to be more understandable. I want the background on the homepage to fill the screen. The page header backgroung should not overwrite the top part of the screen. Please have a look to this page or on this one. I am sure you will understand what I mean.

    #580729
    David
    Staff
    Customer Support

    Hi Hans, you simple need to remove the background image. Customiser > Background Image > Header and then set the header background color to transparent.

    #580750
    Hans

    Hi David, I am sorry – this doesn’t solve the problem. Now the header background image is gone on all pages/posts. I want to have it on all other pages/post – except the home page. Have a look on the examples I send you.

    #580760
    David
    Staff
    Customer Support

    Hi Hans, you could just remove the header image on the home page with CSS:

    .home .site-header {
        background-image: none;
    }
    #580845
    Hans

    Great – this does the job!

    Thanks!

    #580851
    David
    Staff
    Customer Support

    You’re welcome Hans glad you got it fixed

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.