Need help? Check out our Support site, then


Replacing title with customised logo (Twenty Ten theme)

  1. I have a customised logo that I need to insert on the blog instead of the title. I want to keep the tagline. I've resized the image so that it is 100px high. The URL to the image in the media library is http://wp.me/a3biyG-1E.
    I am new to coding (i.e. complete novice!) so would really appreciate any help with this.
    Thanks

    The blog I need help with is immunoad.wordpress.com.

  2. Give this a try and see what you think.

    #site-title {
        background: url("http://immunoaddotcom.files.wordpress.com/2013/05/immuno-ad-logo-live-website.jpg") no-repeat scroll left top transparent;
        display: block;
        line-height: 100px;
        text-indent: -9999px;
        width: 314px;
    }
    
    #site-title a {
        display: block;
    }
    
    #site-description {
        padding-top: 60px;
    }
  3. Thanks! I'm using Chrome as a browser and I've right clicked the header title and selected 'Inspect element'. I can see the code. I'm not sure where to insert the code you've given me. Can you let me know? As I said, I'm a novice!

  4. In the dashboard of the blog, go to appearance > custom design and click on the edit button in the CSS module. In the text area that opens up, paste the above code and you can preview it to the left. If it looks good, click the "save" button at lower right.

  5. You're a legend! Thanks so much! Looks awesome.

  6. You are welcome, and thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic