How to make center column to be a different color than side columns

[packard]

The colors I chose for my site need some tweaking. Where in the stylesheet do I change the color of the center column only? Thanks - Kelley

[barco57]

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

delete #contentMainWrapper from the above rule and create a rule like below

#contentMainWrapper {
                margin: 0em;
                padding: 0em;
                background-color: #ababab;
                }

[packard]

I must be missing something. When I followed the instructions it changed all three columns, not just the center one.

Website is www.espressoempire.com

Thanks.

[barco57]

My bad... change #contentMainWrapper to .centerColumn

oh and stick #contentMainWrapper back in the previous rule

[packard]

That changed the color on part of the column. It also changed the space between the words on the top line and the top graphic so the graphic looks like it is under the column. There is now a big section of the old color at the bottom of the column.

The index page looks bad but the category page looks even worse.

[kobra]

i do not know exactly what you are seeking and looking at the site you may have corrected this.

Your areas are defined as(in the order they appear in your stylesheet)

.sideline {
width: 29px;
background: #7D5844;
}
#mainWrapper {
	background-color: #CEBA9A;
	text-align: left;
	width: 780px;
	vertical-align: top;
	border: 1px solid #9a9a9a;
	}
.centerColumn {
     margin: 0em;
     padding: 0em;
     background-color: #DFC8A4;
}
.centerBoxWrapper {
	background: #DFC8A4;
	border: 1px solid #9a9a9a;
	height: 1%;
	margin: 1.1em 0;
	}
.sideBoxContent {
	background: #DFC8A4;
	padding: 0.4em;
	}

I think that I got them all and you can adjust the colors as you wish

BTW: I like the direction that you are taking this with good graphics