Adding Spacing to sideboxes

[anthony decilio]

If you go to this link:
http://www.strongmamas.com/zencart

You will see the shopping cart I am working on. My question is "How do I get it where the sideboxes are not direclty up against the side of the site? I want a little padding" Where would I look and what do I change. Thank You

Anthony

[stevesh]

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.

in this case, you'll need to separate #navColumnOneWrapper and #navColumnTwoWrapper into their own rules and add some margin:

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
margin: auto;
}

becomes


#navColumnOneWrapper {
margin:0 0 0 1em;
}

etc.