- This topic has 3 replies, 2 voices, and was last updated 10 years, 10 months ago by .
- The topic ‘How to Stop Body Background Moving?’ is closed to new replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
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!
© 2023 WPEngine, Inc.