Replacing title with customised logo (Twenty Ten theme)

  • Author
    Posts
  • #1265168

    emmaleroux
    Member

    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.

    #1265270

    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;
    }
    #1265283

    emmaleroux
    Member

    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!

    #1265292

    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.

    #1265293

    emmaleroux
    Member

    You’re a legend! Thanks so much! Looks awesome.

    #1265302

    You are welcome, and thanks.

The topic ‘Replacing title with customised logo (Twenty Ten theme)’ is closed to new replies.