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.
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.
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.
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!
Genesis Junkie + Web & Graphic Designer + Ad World Girl + Student of Life
The topic ‘How to Stop Body Background Moving?’ is closed to new replies.
Subscribe to get early access to new themes, discounts and brief updates about what's new with StudioPress!