Forums

add logo to every page

Permalink 1 user found helpful
i want to remove the site name. in the settings - site wide there is one text field for site name. you have to put something here otherwise it puts in a default name. is there any way to not have anything here? we just want to have an image of our logo on every page.
 
gueric replied on at Permalink Reply
you'll find in the file default.php or elements/header.php a line that looks like this :
<h1 id="logo"><a href="<?php echo DIR_REL?>/"><?php echo SITE?></a></h1>

you can change it for not printing in your output code the name of the website but rather your logo, like that :
<h1 id="logo"><a href="<?php echo DIR_REL?>/"><img src="mylogo.jpg" alt="alt text" /></a></h1>

in this case, you can still fill out the 'Site Name' textfield in 'Sitewide Settings' and it will be printed in your <title> tag in the head section
Styves replied on at Permalink Reply
Styves
It should simply be editable in Edit Mode. This feature has to be created.
ScottC replied on at Permalink Reply
ScottC
You can put an area in your template there in the header and put anything you like.

You could wrap the entire area inside of a href tag that way anything put there would be the link back to your home page.

You can also entirely omit the header link back to your homepage if you want and put it in the auto-nav, that is what I did for a site.
redwhitejacket replied on at Permalink Reply
But could you be more specific? I'm not a programmer, but I would like to easily change the logo in my default template so it shows up on every page.

I get what you are saying, but is there any way you could list some code for that? I'm using the harvest theme. I've tried editing the .css files (default and main) in their logo sections to add a logo image, but the result didn't get rid of the site name text, it changed the bg color of the logo to white (I had transparency in pngs for my logo), and then I tried to edit the css again, and it through off the structure of the site completely.

I think if someone just wrote a standard guide, step by step, on how to change the logo to a rollover image, it would help us all (at least non programmers).
ScottC replied on at Permalink Reply
ScottC
http://www.concrete5.org/community/forums/usage/add_logo_to_every_page

I would suggest trying to work with a theme other than the default theme.
Chris199 replied on at Permalink Reply
I changed 
<h1 id="logo"><a href="<?php echo DIR_REL?>/"><?php echo SITE?></a></h1>
to
<div id="logo"><a href="<?php echo DIR_REL?>/"><?php 
$a = new Area('logo');
$a->display($c);
?></a>
</div>
Then I changed the #logo in the css to what i needed, went to the page, and added the picture to the new content area called logo.
ScottC replied on at Permalink Reply
ScottC
I have a div background image i am using like this, but I am giving up a perfectly useful alt tag :)

Either way works :)
vebarnid replied on at Permalink Reply
I tried changing the code in my header.php in my theme file. I am using Earthtones for my theme and getting my image in rather than site name did not work for me. Please see my attached site to see what it looks like. What did I do wrong? Help Please!!

http://www.kmgpropertymanagement.com/...

FYI - I followed the advice given by Gueric the first reply to this post. Is there something different I need to do?
vebarnid replied on at Permalink Reply
This is exactly what my new code looks like:

<h1 id="logo"><a href="<?php echo DIR_REL?>/"><img src="Ariel1.jpg" alt="alt text" /></a></h1>

Do I have to space this in a certain way to work?
LukeH replied on at Permalink Reply
I have this problem too.

If I use a larger image, I get the mouseover effect over the bottom (but not the top) half of the image.

If I use a smaller image, I don't get any mouseover effect to link me back to my homepage.

Does any one have any idea why vebarnid and I are having the same problem? (I am using the plain yoghurt theme and my code in the header.php file is just like vebarnid's.)

Thanks, Luke