how do I change color of box underneath product display

[vitaman]

Hi all. I'm sure there is an easy solution to this. I just can't find it. Currently working on http://artslob.com and I want to change the space underneath the torquiose colored box above the products to the brown background color. Where is the css to mod this?

[gjh42]

Your stylesheet is specifying a background-image for the centerbox, so you need to eliminate that:

.centerBoxWrapper, .tabTable {
padding: 0px;
height: 1%; /*do not remove- IEhack*/
margin-bottom: 1em;
line-height:1.4;
background:#4B2E0B url('../images/content-bg.jpg') 0 28px repeat-x;
}

Delete the whole background property so it defaults to transparent:

.centerBoxWrapper, .tabTable {
padding: 0px;
height: 1%; /*do not remove- IEhack*/
margin-bottom: 1em;
line-height:1.4;
}

This controls "tabTable" elements as well as the centerbox, so if you don't want the tables to change, separate them into two declarations before deleting the background from .centerBoxWrapper:

.centerBoxWrapper {
padding: 0px;
height: 1%; /*do not remove- IEhack*/
margin-bottom: 1em;
line-height:1.4;
}

.tabTable {
padding: 0px;
height: 1%; /*do not remove- IEhack*/
margin-bottom: 1em;
line-height:1.4;
background:#4B2E0B url('../images/content-bg.jpg') 0 28px repeat-x;
}