logo overlaps scroller now that I made it larger (World News template)

Hello,
I successfully changed the logo and made it larger, however now it runs into the scroller module and behind the menu. I've tried to modify the template.css file with this:


#top_wrap { height: 1000px; }

/* Logo */
#logo {
float: left;
display: block;
width: 500px;
height: 500px;
}

and it does nothing to give the logo some room to move up.


site is at www.foothilldragonpress.org

Please help me. Thanks!

Well, I still would like to know how to raise the logo up out of the scrolling area, but I moved the announcements into breadcrumb location as a workaround and it looks okay.

Please advise how to raise logo. Thanks!

Hi

I can see. Please tell me once again how can I help You from this point?

Maybe adding this lines on template.css:

Code: Select all

#top_wrap {margin-top: 50px}
a#logo {position:absolute;top:0}
#top_b {position: relative;margin:0 -30px!important;width:280px}
#top_c .button {margin-left: 10px}
#top_b .gkw_main .gkw_main_right {width: 230px;margin-top:-10px!important;position: absolute;right:0;}


It should look like



Important! Try to reduce weight of logo... 230KB

Cheers