clement-hermansen

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?

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;
}

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

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?

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

No my fault. So the idea is to put an image as background in the header and the content part (what is that called) and set the opacity at a low level to make the image transparent? Can i use any image or do it need to be a specific one? Imagine the opacity will make this obsolete?

So using the Custom CSS Manager i can make the header and content area transparent? Take a look at https://www.deebat.dk, where you can see the background image, but the header and content area hides some of it..

I am ok but not an expert

But i can use any if another is more appropriate

Twenty-ten