template help - removing right column and moving page down

i have received a lot of help from this forum in trying to create my own template but just have a last couple of questions...

1 - I have made quite a large header that i would like to go accross the top of the page but the area left in teh default template is too small - i need to move the whole page down a bit - can anyone give me any tips on how to do this

2 - i'd like to move the boxes from the right column over to the left and remove the right column all togther - then i would like to make the centre section of the page wider to take up the space the right column used to use

thanks in advance

Tracey

Hi Tracey,

You might try changing the css setting in the file: calalog/view/theme/default/stylesheet/stylesheet.css.
Specifically the
section around line 49 of the default css file that came with opencart. Changing the 100 to 200 will move the menu bar down. There are other header divs that change the page in various ways. If you want to quickly see how changing the values will effect the page and what parts of the page they effect I use a great free add on to Firefox that is awesome for this. I change a value and immediately see how it effects a page without having to reload etc...

The add on is called Firebug and can be downloaded from the mozilla site in the web developer add-ons area. When viewing the page I want to work with in Firefox I Click Tools>Firebug>Open Firebug in a new window. From there I just click on a value in the css and change it the page shows the change immediately. (some times I have to hit View>Reload in the firebug window before the immediate changes show but then the page adjusts as soon as I type a new value. AWESOME TOOL!

Hope this helps, I'm new to opencart as of tonight but I've done templates for other carts such as zen cart etc... and I'm really looking forward to working with opencart for new projects.

Happy coding!
Dennis P.