How do I change the Content Color on my Page from White? NEWBEEEEE

I am running the latest version of Zen Cart 1.3.9h, I am trying with no success to change the white background color around my products. Link is Gizzys I have been able to figure out how to do it on other things but this one has got me stumped

Any help that someone can give will be greatly appreciated

[email protected]
Dave Yonts is online now Report Post Reply With Quote

Assuming you mean in the product listing, find .main-indent in stylesheet_tm.css and add a background-color statement.

For future reference, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.

(If you're using Firefox 4-8, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)

Thanks for the info, I found what you were talking about but am not sure what statement to use and where

/* ============================= content ===================== */

#column-left{ width:188px;}
#column-center{ padding-left:3px;}

.main-content{ background:url(../images/main-content-top-tail.gif) top repeat-x #fff; width:100%; margin-bottom:3px;}
.main-content .left-top{ background:url(../images/main-content-left-top.gif) left top no-repeat;}
.main-content .right-top{ background:url(../images/main-content-right-top.gif) right top no-repeat;}
.main-content .right-bot{ background:url(../images/main-content-right-bot.gif) right bottom no-repeat;}
.main-content .left-bot{ background:url(../images/main-content-left-bot.gif) left bottom no-repeat; width:100%;}
.main-indent{ padding:10px 9px 5px 11px;}

On the web developer for Firefox. I am running 8.0

.main-indent{ padding:10px 9px 5px 11px; background-color: #ff0000; }

I found it and changed the color. But it leaves and inch of white above the color I change it to. Help please

Thanks for the help. That took care of it. Now another problem I have. when you go to my site, at the top of the banner there is a gap there that I cant seem to get rid of, any suggestions?