White Space between top banner & define_main_page

[carol2848]

There is just a tad too much space between the top banner & the define_main_page on my site. I have searched for hours, and can't find an answer! Any clues? Site is here --
www.schoolebookstore.com

Thanks in advance.

[stevesh]

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding-left: 0.8em;
padding-right: 0.0em;
padding-top:1.5em; }

[carol2848]

Thanks! However, this fixes the white space ABOVE the banner. My white space is below the banner (above the define_main_page), which is not defined there. Appreciate it, tho.

[stevesh]

Add to stylesheet.css:

#indexDefault.centerColumn {padding: 0 0 0 .8em;}

For future reference, 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.

(If you're using Firefox 4-10, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)

[carol2848]

That's it!! I have Firebug, but don't have the know-how to come up with this. Appreciate it!