Too much space between nav bar and main content/product listing

1 Jun 2009, 11:37 PM

New Zenner

Join Date:: May 2009
Posts:: 7
Plugin Contributions:: 0

Too much space between nav bar and main content/product listing

Hey all,
How do I tighten up/reduce the amount of space between the categories nav bar and the main content/product listing/product info area? There's too much white space for my liking and I don't want to start screwing with the stylesheet any more than I have to... ;)

Thanks!
J.

http://flutterandfly.net/shop/

1 Jun 2009, 11:59 PM

get_em_fast

Totally Zenned

Join Date:: Dec 2006
Location:: Seligman, MO U.S.A.
Posts:: 2,072
Plugin Contributions:: 1

Re: Too much space between nav bar and main content/product listing

Find this line of code in your stylesheet:

.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
 padding: 10.8em;
 }

Remove the ".centerColumn" from this list (don't forget to remove the comma, as well), leaving it looking like this:

#bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
 padding: 10.8em;
 }

Now, put your ".centerColumn" back and set your desired space at top:

.centerColumn {
     padding-top: 0em; 
}

Hope this helps.