I have a widget area named 'above-header' at the top of the page and one called 'slider' just under it on the home page that contains a widget with the image and text underneath it.. There is an area of nothing between them and I can't find CSS to address it when I "inspect" it.

I'm trying to move the widget area of 'slider' up a bit. Anyone have an idea?


Site is www.undergrace.org

I fiddled a bit with Firebug and this might do what you want.

#slide {
    position: relative;
    top: -20px;
    margin-bottom: -20px;
}

Thanks, I was about to do that but thought that something must have a margin making the space. Where does that blank space come from? I'm loving the ability to use custom widgets! This is such a great theme!

I am guessing that the space is just part of the base CSS and positioning code. I don't generally spend a lot of time trying to figure out why something is happening. Sometime knowing the why can be helpful so you are not putting in code that overwrites something you could just change but I figure it is often more expeditious to just add the code I need.

I think it is caused because you are using relative positioning for menu2 - try changing it to absolute and change the top to '60'

Yes Juggledad I removed %cats and everything moved up. good to know what the latent function of relative and absolute is on formatting. Will play with absolute. Thanks.
cheers.