Quote Originally Posted by stevesh View Post
Borders are best done in the stylesheet.

I don't know exactly where you want borders, but you need to 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 sideboxes.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section.

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. A very handy tool.

When you find the section you want the border on, it should look like this (for the center column):

.centerColumn {border: 1px solid #ff0000;}

The width of the site is set ien #mainWrappr - the default is 750px.
Hello stevesh,

Thank you for your kind answer. I will try the firefox plugin.

If you look at the picture on my first post, it got this border writing. Basically i want to re-size the content/main part (including the left & Right side boxes) and then put left & right borders. I have try to change the #mainWrappr on the CSS file, but that then affect the whole site, including the header and footer

Anyway, again, thank you very much

"D"