• Resolved lstoll

    (@lstoll)


    I am using the template “Twenty Ten 1.2”. I am trying to change my site-title to a logo, but I can’t figure out the code to do that. I have uploaded the logo to my media library, but I can’t get it to show up. Does anyone know how to do this?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Don’t edit the Twenty Ten theme. Your changes will be over-written the next time you upgrade WordPress. For this reason, it is recommended that you consider creating a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.

    Thread Starter lstoll

    (@lstoll)

    I got the child theme activated. Now how should I go about changing the site title to a logo?
    Thanks!

    Site url?

    Thread Starter lstoll

    (@lstoll)

    1. Upload an image called logo.jpg to your child theme’s images folder.

    2. Edit the child’s stylesheet and add:

    #site-title span a {display:none;}
    #site-title {background:url(images/logo.jpg) no-repeat left top;}

    That should get you started.

    Thread Starter lstoll

    (@lstoll)

    Ok so I uploaded the image and used the code you provided. After doing that, the site just showed a blank white space where the logo should go. I deleted the #site-title span a {display:none} part of the code. That displayed the original site title and showed part of the logo. The problem is that the logo is cut off. I need to somehow move the logo up on the screen and make the original site title disappear. Do you know how I can do that? I left the 2nd line of the site code in my stylesheet so you can see the issue with the site title and logo on the website.

    Thanks again for all your help. I really appreciate this!

    Your logo image is too deep/high for #site-title. Try changing:

    #site-title {background:url(images/logo.jpg) no-repeat left top;}

    to:

    #site-title {
    background:url(images/logo.jpg) no-repeat left top;
    min-height:172px;
    }

    You should then be able to re-insert:

    #site-title span a {display:none;}

    to hide the header text.

    Thread Starter lstoll

    (@lstoll)

    It works! Thank you!!!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Changing Site Titles to Logos’ is closed to new replies.