Floating a background image with the body of the site

[Kelvin Lamb]

Hi there

Please could you assist?

I would like to float a logo image as a watermark behind my content. Is it possible?

http://speedfestival.ning.com/#

Any assistance would be highly valued.

My thanks in advance

Kind regards

Kelvin

[Bernard Lama]

Yes it's possible. Use this code

body {background-image:url('YOUR IMGE.gif');}

[doone]

Thanks Bernard, that looks pretty cool.

[Kelvin Lamb]

Hi Bernard

I have the image inserted, do I add this code under the CSS styles or under the LESS Variables?

[Kelvin Lamb]

Hi there folks

I forgot to add, the watermark  image needs to float in the center top of the body. It is this that I am battling with.

Thanks

Kelvin

[Bernard Lama]

Hi there...

Use this code to display int the center

body {background-image:url('YOUR IMGE.gif');

background-position:center;

}

[Kelvin Lamb]

Thanks Bernard

Do I add this code under the advanced tab, uner the LESS or the CSS Styles?

[Kelvin Lamb]

The LESS code:

"@ning-body-background-color: #ffffff;
@ning-body-background-image: url(http://api.ning.com:80/files/3)*SAFiPCkU9VTW-TrYsEIjEvMXw9FB9tMJLShLyujT0mGVqJFnMj4*KGpqJrIxLrKnBHw136KcrE/KnysnaSpeedFestivallogohires.png);
@ning-body-background-repeat: no-repeat;"

The CSS styles:

body {
        background:@ning-body-background-color @ning-body-background-image @ning-body-background-repeat scroll 0 0;
}

[Bernard Lama]

This code goes to advanced css box.