adding a background image

[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;}

[dothanbydesign]

Glenn I have been battling the images today, I am trying to use the smart Background contrubition and have probally made a mess of it. I have my images loaded but can not make the work can you please took at the link and let know what I might do to correct my issue? My home page image and the 1st catagory display a image, but the 1st page image is not the correct one and the other catagorys 2 & 3 display noyhing. http://loftinspwc.com/

[dothanbydesign]

Here my stylesheet where I added the image info.
#logoWrapper{

background-image: url(../images/smartbg.jpg);

background-repeat: repeat-x;

background-color: #ffffff;

height:300px;

}

#logoWrapper_19 {
background-image: url(../images/smartbg_19.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:300px;
}
#logoWrapper_5 {
background-image: url(../images/smartbg_5.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:300px;
}
#logoWrapper_13 {
background-image: url(../images/header_3.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:300px;
}