21 Oct
I have deactivated all of elements in the theme that make up the "top banner" element.
Turned off search box, removed banner block.
What i am trying to accomplish is to get rid of that top banner block, and have the page begin with just the header.
you can see my attempt at patriotguide.com/change
You'll notice two things: 1) there is about a 40px distance between the top of the page and where the logo begins, I would like to make this 0px, so it is closer to the top.
2) I am not using the Logo, instead I have changed the background image of that DIV to be my logo. The problem I have here, is that in IE6 for some reason the color of the background changes to a lighter shade. The header-wrapper-bg.png (is there a png fix I need to apply?).
I'd actually like to take advantage of a feature module that allows me to show different logos on different pages. I think I am going to create a different background and then overlay the logo image on top of it. Where would I be able to alter the position of the logo's placement?
23 Oct
#1
You can get rid of the space at the top by opening up page.tpl.php, scrolling down to 103 and scooping out #header-wrapper div and everything contained in it.
The background displays as light blue in IE because of the transparent png. There's a png fix included with the theme, but you have to add the div contain the logo to a line in page.tpl.php. On line 89 you'll see:
DD_belatedPNG.fix('#site-logo, .form-submit, #header-wrapper, #primary-links li, img, div.ddblock-cycle-galapagos2 div.slide-text, li.comment_comments a, li.comment_add a, li.node_read_more a, #search .form-submit,#primary-links li ul, #primary-links li ul li, p.alert, p.download, p.info, p.notice,p.mail,p.system,p.web,p.package,p.stop,p.security,p.settings, blockquote, blockquote p, li.check, h2');
You'll want to add #site-logo to the list after 'h2', seperated with a comma.
The #site-logo div also controls the position of logo, although if you're using a background image for a logo you'll probably want to set the height of the div to the height of your logo and remove all the padding etc. In style1.css, approx. line 196, you'll see:
#site-logo {
margin-top: 15px;
padding: 0 15px 0 5px;
float: left;
}
The margin and padding controls the location of the image.
27 Oct
#2
Thanks a lot Rob, I got the same problem with the space on top too.. I cannot figure it out how.. I will try this and will let you know!
29 Oct
#3
worked for me.. thanks
