Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
This question was asked in our Support Group: How do I add a background that stays "fixed", or doesn't move with the page?
There are two ways to do this, depending on how you added your background image to your Ning Network.
Background Uploaded via Design Studio Panel: My Network/Settings/Appearance/Customize/General/Page Background, follow these steps:
Replace the URL with your image URL. Change the background color to whatever color you want to show, behind your image.
#000000 - black
#FFFFFF - white
transparent (do not use # for this setting)
Great! Happy it helped.
I have added this code to my network however, it looks different in the middle section. I'm not sure what I have done wrong.
Any help with this would be wonderful, thanks!
Far as I can see, you haven't done anything wrong. This code will make the body background stationary as you scroll. That's what it's doing for me in all browsers.
If anyone else is having issues in FF:
I use a single smaller pic (loads faster) that stretches great in chrome but not in FF. I can get it to scroll in FF only if I remove the no-repeat and add ;background-size: cover; or ;background-size: 100%; before the background:#000000 (Otherwise, it just loads a white background). The only downside is that it shows as tile instead of stretching in FF. Certainly one of my favorite tips. I'll update if I can figure it out.
I just looked and played around with the code, and a little too much going on to figure it out. It seems to me it has something to do with cover - maybe something missing?
Good luck with it,
Just wanted to say thank you for this code used it on our site works great! You rock Jen. -Wink- http://underworldrp.ning.com/
Great! Thanks for the nice feedback. =)