Hello,
This site has been amazing & thank you so much.
I have been studying and trying to figure this out by myself but have not been able to-
I want to put my company logo in the right bottom of the header section.
I still want the blog title & description to show
I have tried all the codes I could find here and nothing has worked.
I have my image folder set up and I can get my logo to show but not in the right place.
Please help!
Justin
Member
You will want to be sure and use a child theme. Here is a thread that describes one method I have used personally and it works well: http://themeshaper.com/forums/topic/inserting-logojpeg-into-headerbranding#post-7292 (scroll to the bottom)
From a high level the method described in that post basically removes the thematic header using the functions.php (within your child theme). You then specify a new header. Next you code the new header which can be like the old with the addition of a logo. Lastly you activate the new header in the location of the old within the framework.
Here is something similar I have in the functions PHP file within the child theme of a site I am working on right now:
<?php
// New Header Function
function new_header()
{
// Remove the Thematic Header - Also remove blogtitle, it will be replaced by the logo.
remove_action('thematic_header','thematic_blogtitle',3);
remove_action('thematic_header','thematic_blogdescription',5);
}
// Initialize New Header
add_action('init', 'new_header');
// End New Header Function
// Custom Header Function
function custom_header() { ?>
<div id="blog-title"><a href="http://www.yoursite.com/" title="Your Site" rel="home"><img src="http://www.yoursite.com/wp-content/themes/YourChildTheme/img/sg-logo.png" width="200px" height="100px" alt="<?php bloginfo('name'); ?>" /></a></div><div id="headline">yourheadline</div>
<?php }
// Add Custom Header
add_action('thematic_header','custom_header',3);
// End Custom Header Function
?>I am a beginner with this stuff to, so use at your own risk. Function and filters and the css to make it all work has a real steep learning curve. This creates a new div called headericon and puts the logo in it. you could also leave it blank and use css to add your logo as a background image. But this makes it link to your home page if someone clicks it. Keep adjusting the css margins to get it where you want it. be sure you are using firefox - addon firebug or something similar. I could not begin without it.
<?php //Adding most anything to the header section behind the branding section - good right align logo
function inserticon() {
?>
<div id="headericon">
<a href="http://yoursite.com"><img class="logo" src="http://www.besthealthsupplies.com/wp-content/themes/yourchildtheme/images/logo.jpg" alt="my blog title" border="none" width="150" height="150" /></a>
</div>
<?php
}
add_filter('thematic_header', 'inserticon',0); // the zero is a function priority if this does not work try using 10 or 5 or something
?>
some css something like this will put it on the right and position it
#headericon a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
border:none; // leftovers should be able to remove it
position:absolute; // needed so the margin adjustments work independent of the other divisions
float:right; //moves logo to the right top corner
margin-left:750px; // fine tunes right postioning -
margin-right:5px; // fine tunes right postioning
margin-top:52px; // move to header div just above access div
padding:10px;} // leftovers I think .. lolit put the RSS billboard on my test site here www.besthealthsupplies.com
Justin & J Robbin,
Thank you both for the help. I think I am not going to worry about it being a link right now and leave it as a background in the bottom right.
This topic has been closed to new replies.