Show backkground image on whole page

Hi,

In your theme style.css, you have to disable/remove the CSS attribute ‘background’ for ‘Wrapper’ :

#wrapper {
background: #ffffff;
}

Regards

Thanks for your answer.
And do I also set the positioning in #wrapper? I need the header and body lower on the page

Yes, you set the positioning within the same #wrapper by using,

background-size: 100%;

try:

body.custom-background {
background: #F1F1F1 url('https://www.deebat.dk/wp-content/uploads/2012/12/solspiren.png') no-repeat center top;
}

#wrapper {
margin-top: 320px;
padding: 0 20px;
}

Thanks for your help. If you look at the page now: https://www.deebat.dk, the background image does not fill the whole screen. How do I do that?

Did you try my suggestion? I can’t check because your website won’t load for me.

Nevins is right… but add it to custom-background class…
replace this with existing:

body.custom-background {
background: #F1F1F1 url('https://www.deebat.dk/wp-content/uploads/2012/12/solspiren.png') no-repeat center top;
background-size: 100%;
}
#wrapper {
margin: 0 auto;
padding: 620px 0 20px;
}

background-size: cover;

@andrew yes i tried your suggestion. The body.custom-background do i need to put that in the html or php script somewhere?

Here is my CSS:

#wrapper {
background-size: 100%;
margin-top: 300px;
margin-left: 200px;
padding: 0 20px;

body.custom-background {
background: #F1F1F1 url(‘https://www.deebat.dk/wp-content/uploads/2012/12/solspiren.png’) no-repeat center top;
background-size: cover;
}

Now the background image is fine in Firefox, but on Ipad it still doesnt fill the whole background. And positioning of header menu and content is also different?

The background size style needs to be on the element that has a background image.