Archived topic

page header background overwrites body background

7 replies · Started by Hans on May 21, 2018

Viewing posts 1–8 of 8

May 21, 2018 at 3:13 am #580572

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.

May 21, 2018 at 4:46 am #580630

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?

May 21, 2018 at 6:26 am #580726

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.

May 21, 2018 at 6:41 am #580729

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

May 21, 2018 at 7:16 am #580750

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.

May 21, 2018 at 7:35 am #580760

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

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

May 21, 2018 at 8:08 am #580845

Great - this does the job!

Thanks!

May 21, 2018 at 8:14 am #580851

You're welcome Hans glad you got it fixed

This archived topic is closed to new replies.

Start building better websites today.