How to Stop Body Background Moving?

[ithacaindy]

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

[ithacaindy]

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.

 

[ChicGeek]

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 Customizer ♥ I Tweet

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

[ChicGeek]

Hi,

Looks like you fixed it!

Great.

Elisha

---

The Pixel Spot ♥ A Recommended STUDIOPRESS Customizer ♥ I Tweet

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

[Author]

Posts