Replacing title with customised logo (Twenty Ten theme)

• 

  emmaleroux · Member · May 12, 2013 at 1:30 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  thesacredpath · Member · May 12, 2013 at 5:07 pm

  • Copy link

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

• 

  emmaleroux · Member · May 12, 2013 at 6:52 pm

  • Copy link

  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!

• 

  thesacredpath · Member · May 12, 2013 at 8:02 pm

  • Copy link

  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.

• 

  emmaleroux · Member · May 12, 2013 at 8:37 pm

  • Copy link

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

• 

  thesacredpath · Member · May 12, 2013 at 11:28 pm

  • Copy link

  You are welcome, and thanks.