How do I add a background image or change the background color of my forum?

First, read this thread:
http://support.lefora.com/2008/06/19/hacking-your-css/page1/

For a black background:
#page {background-color: #000000;}

For a white background:
#page {background-color: #FFFFFF;}

For any color in between, just get the HEX value from this site:
http://www.colorpicker.com/

For a background image, upload your image to a site like photoshack.com, then use:
#page {background-image: url(http://your-image-url-here.com/filename.jpg)}

Hi,Can you give size of the default image size for background?

Btw I am able to change the background successfully but the color of the body still overwrites the background pic that I set..

there's no default size for the image background, that's up to you. you can set it to repeat or just be in the center with CSS.

Btw I am able to change the background successfully but the color of the body still overwrites the background pic that I set..

-wiz

Is there a solution for this?

xx-archer-xx, I'm not entirely sure what problem wiz is talking about, but seeing as you use classic perhaps this topic covers what you need:
http://support.lefora.com/2008/10/22/header-problem/page1/

That explains how to lower the menu bar so it doesn't go though the middle of the background image.

Hope that helps.

I quoted him. He was talking about the color of the body overwriting his background pic

when i use: #page {background-color: #000000;} for any color code, it only changes the color along the top on either side of my header image and not the rest of the page, the rest of the page background stays brown.

Is there a way to set the whole page background to one color for all of the forum pages?

in addition to #page {background-color: #000000;} you'll want to add #body {background-color: #000000;} which will change the lower half of your forum

there's no default size for the image background, that's up to you. you can set it to repeat or just be in the center with CSS.

-chief

Hi there, I tried centering the background pic for my forum with the code: background-position:center 24px; but it doesn't seem to work. When I check the CSS in Firebug, that line is missing. But if I add in that line in firebug, then it works.

Can someone help me with this?

It might be entered wrong? the line should look like this:

#page {background-position:center; }