Replacing title with customised logo (Twenty Ten theme)

  • Author
  • #1265168


    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
    I am new to coding (i.e. complete novice!) so would really appreciate any help with this.

    The blog I need help with is


    Give this a try and see what you think.

    #site-title {
        background: url("") 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;


    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!


    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.



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


    You are welcome, and thanks.

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