Twenty Eleven
Possible to place small image beside header text? (7 posts)

  1. MarkGrieveson
    Posted 3 years ago #

    Hello. Is it possible to place a small image beside the header text, just above the header image? I'd like to have a small logo there beside the name of the site, just above the main header image. I'm using theme Twenty Eleven.

  2. BLuu123
    Posted 3 years ago #

    Not sure about 2011, but in 2012 theme you can do this by adding a custom div in the header.php.


    <div id='logo'><a href=''><img src='logo here'/></a></div>

    Then place the logo where you want using stylesheet. Example:

    #logo {
    margin-top: -100px;
    margin-left: 150px;

    The top margin will have to be negative.

    Make sure you are using child theme.

    Also, you might run into problems with IE8, so check if the page is looking ok on IE8.

  3. MarkGrieveson
    Posted 3 years ago #

    Thanks for the answer, that's great. I'll give it a try tomorrow. My site is http://www.paralegalmark.com. Hopefully I can get it to work.

  4. MarkGrieveson
    Posted 3 years ago #

    I tried it in the 2011 theme, but no luck. However, I'm not too worried. I'm reasonably happy with the site as is. If I wish to modify it further, perhaps I'll switch to the 2012 theme and try once more. Once again, thanks for your help.

  5. esmi
    Forum Moderator
    Posted 3 years ago #

    Do not edit the 2012, 2011 or 2110 themes. 2012 is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes. Or use a custom CSS plugin.

  6. MarkGrieveson
    Posted 3 years ago #

    When I say "I tried it in the 2011 theme", what I meant is I created a child theme from it and then used the code that BLuu123 suggested.

  7. WPyogi
    Forum Moderator
    Posted 3 years ago #

    You do not currently have a child theme active on that site. Can you switch to the child theme and also post your header.php file to a pastebin so someone can see what you've done. (In general, code for one theme may not work the same way in another.)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic