Red Passion TP - Can't change center box background color

[ychousa]

Hi. I can't change the background color of the centerbox and right column. My site is www.cedardelight.com

After going through the stylesheet.css file, I changed mainwrapper_tile.jpg(light grey box) to mainwrapper_tile_white.jpg(white box), but that attempt only changed the left column. I searched this forum, but I couldn't find the answer.

How can I change them? Thanks alot for your help!

#mainWrapper {

text-align: left;
width: 842px;
vertical-align: top;
background-image: url(../images/mainwrapper_tile_white.jpg);
background-repeat: repeat-y;
background-position: center;
}

[kobra]

What happens if you get rid of these in your main wrapper?

background-image: url(../images/mainwrapper_tile_white.jpg);
background-repeat: repeat-y;
background-position: center;

[ychousa]

Hi, Kobra. Then it changes back to all grey backgrounds for left, center, and right columns.

[kobra]

Then it changes back to all grey backgrounds for left, center, and right columns.

I checked and it looks all WHITE to me???

[ychousa]

Woops.. actually I was wrong. It looks grey in my monitor, but they actually are white backgrounds!

But the grid lines that devide each column are gone. How can I show (vertical) grid lines to seperate each column? Thanks again!

[haredo]

Look for:
#navColumnTwo {transparency;}

Change to:

#navColumnTwo {background-color: #FF0000;}

[kobra]

#navColumnTwo {background-color: #FF0000;}

Why RED??

[ychousa]

#navColumnTwo {background-color: #FF0000;}

Haredo,

when I changed navColumnTwo as you suggested, the background of the right column changed to red color.

What I want are vertical divider lines to separate each column. Thanks.

[ychousa]

Well, if I can recover the vertical lines or not, I'd like to thank you for kobra and haredo.

[kobra]

Find these and edit as follows:

#navColumnOne {
	background-color: transparent;
        border: 1px solid #9a9a9a;
    }

#navColumnTwo {
	background-color: transparent;
        border: 1px solid #9a9a9a;	
	}

or

.leftBoxContainer {
     border: 1px solid #9a9a9a;
	}

.rightBoxContainer {
     border: 1px solid #9a9a9a;
	}

Try each and see what you want