Problems putting logo from website on top of my tumblr theme

[simonsimonsimon]

Simon Rogers - Kingston Graphic Design Blog
Simon Rogers

I'm trying to get the logo from my website onto this tumblr theme but as of yet I've had no luck with any of the articles I've looked through, the result normally ends with an invisible image. How can I put an image in place of the title so that you can click the logo to reach the homepage of the blog?

Thanks very much,

Simon

 

[chris_17]

I do it this way, there's loads of ways you can do it but I prefer this:

HTML:

<a class="branding">Simon Rogers</a>

CSS:

.branding {
    display:block;
    float:left;
    background: url('http://media.cargocollective.com/1/7/247177/headerimg/tri.jpg') no-repeat;
    width:176px;
    height:83px;
    text-indent:-3000em;
}

Leave the text 'Simon Rogers' in there for screen reads and just push it off the page so it can't be seen, hence the text-indent.

Hope this is what you mean.

Chris