Support » Fixing WordPress » Show backkground image on whole page

Viewing 12 replies - 1 through 12 (of 12 total)
  • 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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

    background-size: 100%;

    try:

    body.custom-background {
    background: #F1F1F1 url('http://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: http://www.deebat.dk, the background image does not fill the whole screen. How do I do that?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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('http://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(‘http://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?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Show backkground image on whole page’ is closed to new replies.