Adding a Logo to the Header
doubleeater - October 13, 2009 - 16:38
| Project: | Marinelli |
| Version: | 6.x-2.96 |
| Component: | Miscellaneous |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed |
Jump to:
Description
I've looked around and it seems like all of the responses to this question are about a year old. Does anybody know how to add a logo to the header of Marinelli? I've already changed the rotating pictures now I just want to add a logo. Sorry if this is a newbie question, but, I'm a newbie! Thanks for any help.
#1
first thing you should do is update the theme to the latest version to ensure you are using the most secure and bug free version.
From there a logo would have to be handcoded into the header region and adjusted with css as you are essentially going to be trying to add an image on top of an image.
#2
Thanks. I downloaded all of the latest versions yesterday.
Any advice as to how to do the second step advised?
#3
open page.tpl.php compare it to a core theme or another theme that uses a logo and start mimicing.
#4
Well, i'm also a newbie so i simply tried to do what you suggested:
i copied
<?php if ($logo): ?><div id="logo"><a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" id="logo-image" /></a></div>
<?php endif; ?>
from Garland page.tpl.php to my Marinelli page.tpl.php
Unfortunately until now i couldn't find out, how to determine the position of my logo.
Actually the logo ist displayed over my background image (thats nice) but above my site title (thats not so nice).
I assume that because theres no logo in Marinelli, thats why there isn't any css id oder class i can find in the graphics.css oder layout css.
Any help for this stupid problem is highly appreciated!
cheers,
Johannes
#5
sorry for not searching long enough - after crawling again in some css i found the solution.
If anyone is interested:
assigned id "logo" in page.tpl.php
added
#logo {
float: left;
padding: 20px 12px 12px 35px;
}
to layout.css and changed padding of #header p.sitetitle, so that both items are vertical aligned centrally.
fine :)
#6
Automatically closed -- issue fixed for 2 weeks with no activity.