32 thoughts on “How to add a logo to Twenty Eleven Theme

  1. stof77

    Hi Zeaks thanks for sharing this,

    though I have a problem if use the “logo over title” code,

    I think it’s because I have done a few modification myself with css child theme file (twenty eleven), so I was thinking to use a specific ID for my logo image but I feel a bit lost on how to achieve that, I guess I’ll have to modify the header.php,

    could you give me some help on this ?

    1. Zeaks

      Post author

      I’d have to see your site if you’ve changed it. Basically you’re setting a background image on the site title, then using a text-indent to push the title text to the side far enough so it’s out of site. You may need to adjust the margins depending on what you’ve done with the header.

  2. brandon

    hello i did the one where it say but logo above site title but for some reason the picture isn’t showing but the title has been moved down

  3. pegrana

    hello , I dont know where write it
    is it here?
    /* =Header
    ———————————————– */

    #branding {
    border-top: 2px solid #bbb;
    padding-bottom: 10px;
    position: relative;
    z-index: 9999;

  4. Mikael

    Hi Zeaks

    Thanks for the post – it was very helpful.

    However, it seems that since I pasted your code into the stylesheet the logo is only showing in Chrome and not in FF or IE. Do you have any idea, what I might have done wrong?

    You can check out my website her: http://www.bryllupsdagnavne.dk.


  5. Zeaks

    Post author

    Hi Mikael, I’m not seeing the logo in Firefox or Chrome, check that the path to the image is correct /wp-admin/images/logo.png


Leave a Reply to stof77 Cancel reply