22 Responses to Logo and Site Title in Twenty Eleven

  1. Lonna comments:

    I was wondering if you ever thought of changing the page layout of
    your site? Its very well written; I love what youve got to say.
    But maybe you could a little more in the way of content so people could connect with
    it better. Youve got an awful lot of text
    for only having one or two images. Maybe you could space it out better?

    Feel free to surf to my web blog; top eleven cheats
    (joycheats.com)

  2. Kiwi comments:

    Thank you!! you save my life with this! Thank you very much!

  3. Velovino comments:

    I don’t seem to manage to link the place of my logo to the header. I didn’t use a relative path, but still I get the question mark.

    Check velovino.nl

    I hope you can help!

  4. Vikky comments:

    This has been the best discussion ever, to resolve my question on how to add a logo on the left side of my site title in the Twenty Eleven theme. Thank you very much Michael (aka alchymyth). Your post saved me a lot of experimentation time.

    I did however encountered problems of non-appearance of the image, as in only a placeholder appeared, like Mina’s concern. I resolved this by deleting

    before the path of my image.

    The other concern was that the logo was located on top of the site title, instead of on the left of it, just the like concern of Govindji Patel. After so many trials-and-errors, I realized that the css for the Header section included

    #branding img {
    height: auto;
    display: block;
    width: 100%;}

    I deleted the line

    display: block;

    The image eventually aligned to the left of my site title. Then I adjusted the left padding for the for the site title -+ 10 px, and added a margin-left for the site description of 10px + the max width of my image.

    You may check the result on my site .

    Unfortunately I have resultant problem, for which some Michael or someone else can help with. I’d like to align the logo (enlarged this time) to the top edge of the site name and bottom edge of the site description. I will continue to experiment though.

    Thank you again to Michael, and everyone else who shared here.

    • Vikky replies:

      inadvertently failed to list the line that I deleted from Michael’s suggested code before the image path. It’s

  5. Lotta comments:

    Hi! I tried to replace titel with logo.

    I got the logo in top but it´s way to small. The original image that I link to is really big.
    I dont want it to rescale it and I want the logo fill the whole top space so it´s all yellow.
    Here is a scrndump for my site to show what I mean.
    I´m a really newbie so if I need to change any codes please really spcific where and how. Thank you
    http://www.nordicknights.com/files/example.jpg

  6. Sam comments:

    My logo appears above the Site Title. I would like it to be in the same line. I copied exact same code as above and controlling the size of my logo to 18px high x 20px wide. Please help.

  7. Govindji Patel comments:

    Hello

    I want to have a logo on left and menu on right on same line is there any way you can help me. I am using twenty eleven child theme. I managed to to have Menubar at top and slider below it.If I add logo where title is then I have lot white space on top then menu.

    I do help out at wordpress.org as well.

    Govindji Patel

    • alchymyth replies:

      Hi Govindji,
      have you asked in the forum? if you have a link to your site, you can post it here, or email it to me, and I’ll have a look.
      I assume that you would need to add the logo into the <nav id="access" .. container right at the start; but the formatting part is better checked viewing the live site with the menu at the top.
      cheers, Michael

  8. Ellen Selbie comments:

    This works wonderfully, thank you very much :)

  9. Mina comments:

    Hello! (working with 20-11-Theme)

    I tried 2 add a logo in front of my site title:

    many Ways gone – none worked!
    I tried yours too!

    The best I could manage, was a placeholder 4 my logo pic, but no logo shown!

    in the 1st place i wanted the logo pic first end next to it (on its right side) the site title.
    now i just wanna place the logo in the header, with no more headache!

    Could u help me??

    PS: My sidebar doesn’t appear either!
    I haven’t changed there anything in the theme!
    Do I have to activate it anyhow? Do you know that?

  10. secret comments:

    Alchymyth is so nice.

    jupes jupes ^^

  11. Cindy comments:

    Thank you so much, you have saved me a lot of time :O)

  12. KIBS comments:

    Hi.Am not so good in programing. could you help in uploading log onto my site pls..wwwkibsdeliveryservices.com.au.
    will appreciate as much help as i can get.
    Cheers.

  13. Oddur Bjarnason comments:

    I replaced the code with

    <a href="” title=”” rel=”home”><img id="site-logo" src="/images/site-logo.png” alt=”” />

    I placed an image with the name of site-logo in public_html/images. When I visit the site I see a “place holder” for a logo with a red cross in it but no image.

    Can you help me with this?

    Regards, Oddur.

    • alchymyth replies:

      simply do not use relative image paths. use the code from the examples. or use the full absolute path (starting with http://.. ) to the image.

  14. semmy comments:

    yes thank you I have used this code
    Thank you very much, it is much better!

  15. semmy comments:

    Hi, I read your interesting and useful articles, you are a connoisseur
    tell me how to make a theme twentyeleven static?
    Now it’s bad when the changes in the browser window on a small screen like netbook

Leave a Reply

Your email address will not be published.

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>