Viewing 6 replies - 1 through 6 (of 6 total)
  • It’s the background-position that has left top, it should be center top

    body.custom-background {
    	background-attachment: scroll;
    	background-color: #FFFFFF;
    	background-image: url("http://placedwithlove.com/wp-content/uploads/2013/06/with-love-background2.jpg");
    	background-position: left top;
    	background-repeat: no-repeat;
    }

    So in your child theme, put this

    html body.custom-background { background-position: center top; }

    In addition to that, you need to edit that image a little bit, so that the white area is really center.

    Thread Starter magstar1971

    (@magstar1971)

    Thanks so much for your swift reply :).. i didn’t think of that..

    The space is quite large still in comparison to my screenshot..is this because of the screen resolution set?

    Thanks again!! 🙂

    Yes, it’s the screen resolution. Viewport width that is.

    Thread Starter magstar1971

    (@magstar1971)

    Thank you, so is there anyway I can render this as my client wanted a full screen site.. so the look of it does not have such a large space in the background ? sorry as it is my first post only just started to use wordpress so figure me if I have asked a silly question!

    Full Screen as in wikipedia’s style ? If that’s so, this theme is not for it. It’s a fixed width theme design for fixed (or with max-width) layout.

    But if by Full Screen, you mean full covering background. There are a couple ways to do that. The easiest way is to make (edit the graphic of) that background image so that it’s faded on both sides. This will make the site look full.

    Please note, this subject has nothing to do with WP at all. It’s web design in general.

    Thread Starter magstar1971

    (@magstar1971)

    Thanks for your reply..it really helps much appreciated as I am still on a learning curve…

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Forever theme showing huge background space’ is closed to new replies.