Background images

[Crazy]

Hiya

Sorry i'm new to this and i was wondering, how can i set up an background image? At the moment its just blue background and i want to change it to an image which is currently on my normal website ... can anyone help me on this ?

Crazy

[madmumbler]

Open your templates stylesheet.css file (includes/templates/CUSTOM/css/stylesheet.css) Substitute your template name for CUSTOM -- do NOT modify the default or classic because they get overwritten during upgrades.

Look for this block of code:

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #e5edf5;
}

and put this line under where it says background-color:

background-image: url(../images/background.gif);

before the final }

Upload the image to your includes/templates/CUSTOM/images/ folder. (You can name it whatever you want -- doesn't have to be background.gif -- use whatever your filename is, but make sure it's in the TEMPLATE images folder, NOT the main images folder.

HTH,

[gjh42]

In your /includes/templates/your_template/css/stylesheet.css, add

background_image: url(../images/yourbg.gif);

to the proper declaration (body for the entire screen, #mainWrapper for the page space excluding any side borders, etc.)

Put the image (yourbg.gif) in /includes/templates/your_template/images/.

[Crazy]

Yeh i tried that and its saving the same. I then noticed it would help if i changed it to my new template and its the same but half of it is missing ? I'm not sure why ?

[gjh42]

We can't tell from your description what is really happening.
Can you post a link to your site?

[Crazy]

http://crazy-hosting.co.uk/########/

All i have done is copied the clean version .. Created my own and added what you told me ... all the side menus are gone and my background is still no there.... all i want to happen is for the blue to be replaced with a background image :S i thought it was the same code you gave me but its not working and i'm getting confused ... If i can figure it out soon i'll try starting with a clean installation. I haven't edited anything so i won't be hard.

Any advise ?

[afo]

When you create a custom template, you have to select the sideboxes you want in the admin after you select the template. They don't carry over from template to template.

This is what you have in your stylesheet:

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 750px;
	vertical-align: top;
	border: 1px solid #9a9a9a;	
	background_image: url(../images/bg.jpg);
	}

Change it to (see red highlight):

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 750px;
	vertical-align: top;
	border: 1px solid #9a9a9a;	
	background-image: url(../images/bg.jpg);
	}

[Crazy]

http://crazy-hosting.co.uk/########/incl.../images/bg.jpg
thats the image i am trying to use

[afo]

Your stylesheet should read:

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 750px;
	vertical-align: top;
	border: 1px solid #9a9a9a;	
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	}

[Crazy]

Yeh its working lol kinda ... The over all effect is the light part is meant o be at the top light it is on the image... I has seem to messed up ? is there any way you know of change it ... I'm trying to get it to match this site http://www.buttstopshere.co.uk