CSS background color change

[bargincircus]

I dont know what happened to the background color change since i didnt change the css file. But i have been trying to twiquie it to make it work. So attached is the previous screen shot of how it was before and how i want it now. Lucky for me i have that picture.
anyways, need help idenfiying 3 boxs though i am sure what they are but no result yet.

1. Main background color
2. Table background color
3. small div box background color

[frank18]

One nice tool to solve css issues is the Firefox add-on Firebug, a must have for anyone attempting to make layout changes to their store.

[bargincircus]

Well thats an A+ for the firebug.

[bargincircus]

Still not getting the colors changed.
I went to all of the template folders and changed the colors.
And also how do you add a template, i folded the tutorial with the creating of a new template then went to admin/tools/template selector but it didnt show up.

[stevesh]

Well thats an A+ for the firebug.

But an F for the OP. Frank's solution was the same advice you'll get from me or most here. Why should someone else do the work for you, when the tools are freely available. All those colors are defined in the stylesheet. To find out where,


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.