Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Problems putting logo from website on top of my tumblr theme

Discussion in 'Website Coding & Programming Forum:' started by simonsimonsimon, Sep 6, 2012.

  1. simonsimonsimon

    simonsimonsimon New Member

    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
     
  2. chris_17

    chris_17 Member

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

    HTML:

    HTML:
    <a class="branding">Simon Rogers</a>
    CSS:

    Code:
    .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
     
    Stationery Direct likes this.

Share This Page