Support » Themes and Templates » header image size in twenty twelve

  • Resolved bvo


    For each post I selected a specific header image. This image shows full width. On the home page a random image is shown (the same images, but randomly choosen), but this image doesnt show full width (only 80%).
    Any ideas?

Viewing 12 replies - 1 through 12 (of 12 total)
  • Kurt


    bvo: How about a link to your site?

    Firefox has a great tool you can use to inspect your CSS and discover the root of your issue. Right-click on the image that’s ailing you and select “Inspect Element”. From the right menu you can add and disable rules in the stylesheet that might be the root of the problem.

    Invot: I’ll try that, thank you



    bvo: When I refresh on any page, different size images are appearing in the header.

    Invot: to me it looks like in both situations the same elements appear?!
    Kurt: that’s strange. If you refresh on a specific post, only one image should appear, if you refresh on the home page, a random image appears. When I try this, on the home page always the image is smaller and on another post, the image always is larger, even though it might be the same image as appears on the home page.
    I tried this on ie8, ie9, ie10, firefox.

    there are different width=".." height=".." values for single posts and the index page;

    single post:
    <a href=""><img src="" class="header-image" width="960" height="250" alt="" /></a>

    index page:
    <a href=""><img src="" class="header-image" width="850" height="221" alt="" /></a>

    did you edit header.php to integrate the ‘featured image’ for each post?

    if so, what is the full code of header.php (please use the pastebin – )




    I’ve noticed a couple of things:

    1. The version of 2012 you’re running is not the default version available on Is this site running on a service like If yes, then contact the service provider.

    2. I looked at the 2012 settings and don’t see any option to have rotating images. You’re running the Nexgen plugin. Is Nexgen rotating the images?

    Alchymyth, Kurt, thanks for your replies

    @alchymyth: I noticed the different values, but don’t know why! I didn’t edit header.php. But I do use a plugin called WP Display Header to choose a different headerimage for each page. The header image for the index page is choosen random. As far as I can see, the plugin uses the twenty twelve code for declaring size of the header image.

    @kurt: do you mean the wordpress version? According to the dashbord I use the latest version; although it’s the Dutch version. Also the twenty twelve theme is the latest version.
    Al images I use are already rotated correctly, I don’t use wordpress of pluing for that. I don’t know if and where there is an option to turn rotations on or off?!

    it seems that the plugin ‘WP Display Header’ is adding width and height according to the header size definition (in fucntions.php) and not according to the actual size of the found header images;

    possibly start a new topic directly in the plugin’s forum:




    I wondered if your version is different because it’s the Dutch version. The version on does not provide an option for rotating images.

    It looks like you figured it out. What was causing the problem?

    It looks like for some reason the index page and post pages called for different versions of the same picture. I deleted all images en uploaded them again in media library. Now it seems to work correctly. No idea why it went wrong before, but it is solved.

    Thank you for your help!

    resolved. thanks all

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘header image size in twenty twelve’ is closed to new replies.