How to "top-center" background (image)?

[VRE7]

Hello, the background on my network currently appears to be "top-left". Can someone please tell me how to "top-center" the background (image) here: http://itsmynow.ning.com/

I tried adding the following to "Less Variables":

 @ning-button-background-position: top-center;

....but it didn't work. Also tried to edit it in CSS Advance option, but don't have a clue.

Please let me know what I need to do.

Thank you!

[Ron]

Hi VRE7,

Try this:


@ning-button-background-position: top center;



Just replace the dash character "-" it with a space.

[Arnold Burian]

I think it's this:

body {
background-color:#FFFFFF;
background-image:url(http://YOURIMAGE.JPG);
background-position:top center;
background-repeat:no-repeat;
background-attachment:fixed;
}

[VRE7]

OMG!!!! It worked!!!!!!! Thank you SOOOO much!

Here is what happened; I entered the code as you have it in "CSS Styles" replacing what they had for the body. When I clicked "preview" I didn't see a change; however, I went forward and clicked "published" and it centered. Whew!!! Thanks again

Resolved! =)

http://itsmynow.ning.com/

[Ron]

Oh I see you need it for your body--

Just follow Arnold's code, this should work. thanks Arnold!

One note: the "background-attachment:fixed" part may not be applicable because your image has a frame design with it.

VRE7, you really got a nice looking image background there--

Best,

Ron

[VRE7]

Thank you!!!

[Diana]

Hi there.  I'm writing about http://scrapthat.ning.com/.  My background stays left and the body moves on top so the two are not alligned unless you have your browser opened to just the correct width.  I tried the code below but couldn't get it to work.  I have the background image loaded up as a 'side image' as suggested on another discussion. thanks!