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.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.