How do I replace a Twenty Ten blog title with a jpeg image?

hi,

First, upload logo image in themes/twentyten/images folder then

find code (” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><?php bloginfo( ‘name’ ); ?>) in twentyten/header.php and replace this code

<div id=”logo”>“><img src=”<?php bloginfo( ‘template_url’ ); ?>/images/MC-Logo.gif” alt=”” /></div>

Thanks, dots. I tried (replacing MC-Logo.gif with my logo file), and got this: https://www.bespoke-group.co.uk/wordpress/

Any further ideas? Please bear in mind I don’t do code!

corrected code
<div id="logo"><img src="<?php bloginfo( 'template_url' ); ?>/images/MC-Logo.gif" alt="" /></div>

Samuel, I’ve tried your “corrected code” but the logo image still does not appear.

I uploaded the logo image within the Dashboard’s “Upload new media” function. I’m wondering whether this uploads by default to the “…/images” folder dots refers to, or perhaps another folder? Could this be causing the problem?

https://www.bespoke-group.co.uk/wordpress/wp-content/uploads/2010/08/Bespoke-driver-training-01.jpg
that’s not the one?

No, Samuel. That’s the ‘header’ image, and that’s AOK.

I was wanting to replace the Blog title (which, I think, was orignally the text ‘Blog’). Dots code successfully removed the text, but it hasn’t replaced the text with the required logo image: Bespoke-group-uk.jpg

ah – just saw the image is pointing to wrong spot
try this
<div id="logo"><img src="<?php bloginfo( 'template_url' ); ?>/wp-content/uploads/2010/08/Bespoke-group-uk.jpg" alt="" /></div>

I’ve tried your latest code, Samuel, but the logo image is still not showing. Weird!

Hiya,

I follwed you instructions Samuel for my website https://www.twistedpole.com

but i was wondering why the lines at the top and bottom appeared and how i can get rid of them? also how to i redirect to home page? i wasn’t sure where to put url/how sorry working through this stuff slowly!

It won’t direct to my home page as it has other code at the end of the url.. have tried everything it keeps adding the rest of the code on

To change the Twenty ten theme blog title to an image of your choice

look for:

`<span>
<a>” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><?php bloginfo( ‘name’ ); ?></a>
</span>`

Replace with:

`<span>
<div id=”logo”> <a href=”<?php bloginfo(‘url’); ?>”><img src=”https://www.your_URL.com/images/eco.jpg&#8221; alt=”Your text” /></a></div>
</span>`

Remember to remove the beginning and ending ticks in the examples above.

To remove the lines at the top and bottom of the logos:
open style.css and look for #branding img. Change border- values to “0” see example below.
#branding img {
border-top: 0px solid #000;
border-bottom: 0px solid #000;

Hey ive just followed this on my page but now I have a gap that has appeared between the header image and the link bar at the bottom. Does anyone know how I can remove the gap that has appeared?
My website is immortalfruit.co.uk

@immortalfruit
seems you have a </div> too much just before <div id="site-description">