Changing sidebox background color

Hi All,

Variations of this appear to have been asked before but I have not found the situation similar to mine so here is my question:

I have a custom image for the top (or header) of my sideboxes. What I want to do in addition is change the light gray background of the sideboxes to a green (#9bc800)

I have searched the CSS settings and tried finding it with the aid of the firefox CSS addon but to no avail. The closest I can changed the entire body and sideboxes green! :blink:

The site is: http://kiddietrends.com/shop/
(Ignore the logo - it's horrible and I needed a placeholder for the timebeing :laugh: )

Any help would be appreciated. I've included the CSS (only the portion I think was needed to keep this post from being huge) for inspection. Thank you all in advance!

/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2007 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
 */
 
/* This section controls the colors for the site. Change red (default) to one of these options: orange, yellow, green, blue, purple, or grey) */
input#searchTop {
	background: url("../images/green/rounded-search-input-top.gif") top left no-repeat;
	}
	
#navMainWrapper {
	background:url("../images/green/header.gif");
	}
	
h3.leftBoxHeading, h3.rightBoxHeading {
	background: url("../images/green/sideboxbg.gif") no-repeat;
	}
	
#navMain a {
	background:url("../images/green/tableftE.gif") no-repeat left top;
	}
	
#navMain a span {
	background:url("../images/green/tabrightE.gif") no-repeat right top;
	}
	
#navMain a span.last {
	background:url("../images/green/tabrightE_last.gif") no-repeat right top;
	}
	
/* end main color changes */


/* other background color or image changes */
body {
	background:url("../images/green/back.jpg"); /* main site background color, blue default */
	}
	
#headerWrapper {
	background:#ffffff;  /* background color behind logo and sales text, white default */
	}
	
input:focus, select:focus, textarea:focus {
	background:#e0e8ef; /* background color for input boxes, light blue default */
	}
	
.messageStackWarning, .messageStackError {
	background:#990000;  /* background color for warning messages, red default */
	}

.messageStackSuccess {
	background:#929292;  /* background color for success messages, grey default */
	}

.messageStackCaution {
	background:#FFFF99;  /* background color for caution messages, yellow default */
	}
	
#cartSubTotal, h2.centerBoxHeading, .rowOdd  {
	background:#e8e9e9; /* background color for the New Product, Featured Products and Specials heading, odd listings, and for the subtotal section in the cart, light grey default */
	}
	
TR.tableHeading {
	background:#cacaca; /* background color for various table headings (including shopping cart heading), medium grey default */
	}
	
.rowEven {
	background:#F0F0F0;  /* background color for even listings, very light grey default */
	}
	
#navEZPagesTop {
	background:url("../images/ezbg.gif") repeat-x;  /* grey background image behind ezpages section */
	}
	
#contentMainWrapper {
	background:url("../images/sidebox.gif") 100% 0 repeat-y; /* This is the right column background "faked" with an image. */
	background-color:#ffffff; /*background color for the main "content" of the site */
	}

#contentMainWrapperb {
	background: url("../images/sidebox.gif") 0 0 repeat-y; /* This is the left column background "faked" with an image. */
	}
	
input.search {
	background: url("../images/rounded-search-input.gif") top left no-repeat; /* rounded search image for the search sidebox */
	}

DJReda :cool:

Got it - had to change an image file in another directory.

Please close thread - Thanks! :cool: