adding a background image

[BnBSports]

Ok so you can scratch the last comment I put. It did help. But I still don't have my own image I want to put on there. What am I supposed to do from here?

[gjh42]

This is the image you want in the background, right?

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 25%;
	color: #000000;
	background-color: #e5edf5;
        background-image: url(/domain/cart.bnbsoccer.com/html/includes/templates/custombnb/images/bikini.gif);
	}

The best way to specify background images in your stylesheet is like this:

url(../images/bikini.gif)

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 25%;
	color: #000000;
	background-color: #e5edf5;
        background-image: url(../images/bikini.gif);
	}

[BnBSports]

So I put in the code on how you gave it to me, and it isn't doing anything. I've tried it with multiple image backgrounds. I put it in my custombnb/images folder and I still get nothing. What am I doing wrong. This is the code that I have:

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 25%;
color: #000000;
background-color: #e5edf5;
background-image: url(/domain/cart.bnbsoccer.com/html/includes/templates/custombnb/images/back2.jpg);
}

[gjh42]

Get rid of that /domain/cart.bnbsoccer.com/html/includes/templates/custombnb/images/back2.jpg and replace it with ../images/back2.jpg, as the post above mentions.

[BnBSports]

Ok. What I think it was, was the margin on my page. I just shrunk it down just a little bit and I can see my background image I have been wanting to put it on there. But now I can't shrink it up any more. How do I do that?

[gjh42]

You have #navColumnOne and #navColumnTwo each set to 300px wide in admin > Configuration > Layout Settings > Column Left/Right Width. This is double the sidebox width and is causing the big black margins (also squeezing the center column to death!)

[BnBSports]

OK. I took off the columns. And i have the background images i want to put in. Is there any way i could merge the leftcolumn and the centercolumn??

[gjh42]

Putting sidebar content into the center column can be done, but requires custom coding. Some people have posted about doing it in the past, and you may be able to find pointers by searching the forum.

What sideboxes do you want to use in the center?

[BnBSports]

Really all I want in there is just the categories. Kinda just somewhere for the customers to be able to just select the text instead of the pictures. And if possible, is there anyway to put a border around the center column??

[gjh42]

You can turn on the Categories-Tabs menu in Configuration > Layout Settings.

(Actually, you already have it on. You can style #navCatTabs to make the text more prominent.)

All parts of the page can have styling applied by using the stylesheet. If it is the center column below the header that you want to border, try something like

.centerColumn {border: 2px solid #112233;}