Static background image with scrolling page?

[danceyrselfclean_admin 0]

Hi im looking to be able to have a static background image that doesnt move when you scroll down the page. Ive tried a number of combinations but i cant quite seem to get it right. Does this code look about right? body { background-image:url(http://www.danceyrselfclean.com/wp-content/uploads/2011/06/VinylStoreBackgroundresized1.png'); background-repeat:no-repeat; background-attachment:??????; } Then where i have put ?????? type in something like scroll or fixed

[timlinson 3]

Yes, that should work. Actually the image and repeat properties can be set in the Design Control tab, so you could then further simplify it to: `body {background-attachment:fixed}`

[danceyrselfclean_admin 0]

Ok thanks, i think i might have worded the question wrongly as well. I need the image to be fixed on the page so you only always see the same background no matter how far down the page you scroll. Hope this makes it clearer.

[cmunns 16]

What is the link to your site...it depends on the page mode you have.

[danceyrselfclean_admin 0]

www.danceyrselfclean.com

[catrina 103]

Where are you placing the CSS? In Custom Code or the base.css file?

[danceyrselfclean_admin 0]

Ive been putting it in the custom code box, have i been going about it all wrong

[Kate 3]

I'm actually not seeing the CSS you added. (It's fine to add it in the Custom Code box. Base.css just takes precedence over that code.) Have you tried adding the !important declaration?

[danceyrselfclean_admin 0]

I havent tried adding the important declaration, im not sure exactly what that is so ill go and read up on it. An example of what im after is on http://nofearofpop.net/

[cmunns 16]

You're looking for something like this: ` #page, .canvas #page-canvas, { background-attachment:fixed!important; } `

[jayswat 0]

I tried adding both Tim and Adam's codes to my Custom CSS section but no luck. Not sure what I'm missing. http://airconditioninghoustonhvac.com/

[catrina 103]

Even in base.css it doesn't work?

[jayswat 0]

What do you mean? I do not see a base.css file.

[timlinson 3]

You might not have one depending on how new your version is. But where did you put it then? I don't see either rule in your site styles.

[jayswat 0]

After reading this I think I understand what you are talking about. http://www.pagelines.com/forum/topic/10150 I have my base theme activated and I have pasted the 2 codes suggested above into my style.css file Background is still moving.

[jayswat 0]

[timlinson 3]

Take out the last body rule and just leave in Adam's. It works fine for me when I test your site with it in firebug.

[jayswat 0]

I took out the last line. Updated. No change.

[catrina 103]

Try this (it doesn't have the apostrophe after #page-canvas):

#page, .canvas #page-canvas {
	  background-attachment:fixed!important;}

[jayswat 0]

Good eye Catrina! It was that comma after #page-canvas that was preventing it from making the change. Thank you to everyone that helped out!

[danceyrselfclean_admin 0]

Cheers, i also got mine working thanks to everyones help