Site maintenance: Sun 15 Nov, from 20:00 UTC, about 4–6 hours. Details

This cutover relies on some testing that is still incomplete so may be cancelled at short notice

Forums / Templates, Stylesheets, Page Layout / how do I change color of box underneath product display

how do I change color of box underneath product display

Locked

Started by vitaman on 21 Jan 2008, 3:42 PM · Views: 885

Results 1 to 2 of 2
This thread is locked. New replies are disabled.
21 Jan 2008, 3:42 PM
#1
vitaman avatar

vitaman

New Zenner

Join Date:
Jan 2008
Posts:
7
Plugin Contributions:
0

how do I change color of box underneath product display

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?

21 Jan 2008, 4:51 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: how do I change color of box underneath product display

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