How to Stop Body Background Moving?

Community Forums Forums Design Tips and Tricks How to Stop Body Background Moving?

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  ChicGeek 2 years ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2897

    ithacaindy
    Participant
    Post count: 47

    I’m using an image for my site’s body background. However, when I scroll the page, the background stays put, but the inner background image moves. How to I make the body and inner images move in unison? Thanks.

    URL: ithacaindy.com

    #2898

    ithacaindy
    Participant
    Post count: 47

    Solved. I had set the background in the frontend, as well as via style.css. I removed the front-end styling and then the two images locked as wanted.

     

    #2904

    ChicGeek
    Moderator
    Post count: 3

    Hi,

    Looks like you created your own custom CSS instead of adding your image to #wrap and you also have it added to #body.

    First, remove the fixed option and second change it to repeat-x. This will fill from left to right and will show the #f6f6f6 color where the image ends.

    body.custom-background {
    background-color: #f9f6f6;
    background-image: url(‘http://www.ithacaindy.com/wp-content/uploads/2012/12/body-bg.png’) ;
    background-repeat: repeat-x; (<–add -x)
    background-position: top left;
    background-attachment: fixed; (<–remove)
    }

    You should try Firebug to inspect the site and you’ll see that there are images attached to a lot of different styles that aren’t necessary.

    Hope this helps!
    Elisha


    The Pixel Spot A Recommended STUDIOPRESS CustomizerI Tweet

    Genesis Junkie + Web & Graphic Designer + Ad World Girl + Student of Life

    • This reply was modified 2 years ago by  ChicGeek.
    • This reply was modified 2 years ago by  ChicGeek.
    • This reply was modified 2 years ago by  ChicGeek.
    • This reply was modified 2 years ago by  ChicGeek.
    #2906

    ChicGeek
    Moderator
    Post count: 3

    Hi,

    Looks like you fixed it!

    Great.

    Elisha


    The Pixel Spot A Recommended STUDIOPRESS CustomizerI Tweet

    Genesis Junkie + Web & Graphic Designer + Ad World Girl + Student of Life

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How to Stop Body Background Moving?’ is closed to new replies.