Change color of background in boxes in center column

[jaylyns]

I have changed the background of my side boxes and of the mainwrapper. However, I can't figure out how to change the background of the "new products" box in the center column to match the color of the side boxes.

The website is www.jaylyns.com. Thanks for any help on this.

[kobra]

Find this in your stylesheet and add what is in red

.centerBoxWrapper {
        background-color: #FFCCFF;
	border: 1px solid #9a9a9a;
	height: 1%;
	margin: 1.1em 0;
	}

[jaylyns]

Thank you so much. Worked like a charm.

[raquelann]

I don't have " .centerBoxWrapper " in my css file. (I am using Mother Earth template).
My website is www.oddsnsods.com.au.
I wish to change the background colour beind the texy area only in the centre column (not the categories).
Thanks
raquel

[rstevenson]

There are many classes available in the code in Zen Cart (the code created by the interaction of the many php files, which is then rendered by your web browser). If the class you want to style is not already in the stylesheet, just add it and style it.

You can easily see the class you want to style by using a developer's tool in the browser -- Firebug in Firefox is often recommended. Or you can even find it by closely examining the code using the View Source menu-item in your browser.

In your case, since the main background is black, I'd recommend styling the centerColumn class to start with. It's probably already in your stylesheet, but if not, just add it. I always add a comment at the bottom of the default stylesheet then add any additional classes below that. Makes them easy to find later, and ensures they are the last read styles just in case tthat class is already styled up above in the stylesheet.

By the way, you need to seriously consider doing some image optimization. The images of people on your home page in particular are HUGE and are causing the site to load slowly.

Rob

[raquelann]

Thankyou so much for your help. I hope it now looks better and easier to read. I will begin work on the photo compressions once I am happy with the layout. Thankyou again.

[Keith.S]

I would like to change the color of the main page background that ia a very light grey or white now, to a color that is a bit more dark, but will match the colors of my website..... http://www.swingkingknives.net/shop

Can you A: tell me were to change the background color of the main page.
And B: suggest a color to mach the basic colors on my website, I dont know the color codes that well yet?


Thank you very much!

[kobra]

To change what I believe you want changed - find this in your current

/includes/templates/classic/stylesheet.css and alter what is in red

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 85%;
	vertical-align: top;
	border: 1px solid #000000;
	}

As to color try 9a9a9a - you have are using the green template so I have little to base a selection on