Support » Themes and Templates » Twenty Twelve full width header

  • Resolved WVdoc


    Greetings! I just switched to 2012. I would like to have the header go full width. I have tried to mod the css to no avail.

    Can someone please help with this?

    I am not a programmer, so I would really need step by step advice…


    (ps…what is the little smiley face at the bottom?)

Viewing 10 replies - 1 through 10 (of 10 total)
  • start by creating a child theme of Twenty Twelve;

    then post a link to your site.

    or try working with a browser tool such as Firebug, or an equivalent tool for other browsers, to identify which styles you need ot edit.

    what is the little smiley face at the bottom

    that is likely to be the icon of wordpress stats.
    to hide it, add this into style.css of the child theme:

    @wvdoc did you get the header to go full width? if so – how?


    you are more likely to get some suggestions if you start your own topic and include a link to your site.


    I figured it out: In header.php change image size to 100%

    <?php $header_image = get_header_image();
    		if ( ! empty( $header_image ) ) : ?>
    			<a>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="100%" height="100%" alt="" /></a>
    		<?php endif; ?>

    Thanks for that easy-to-follow instruction for adjusting the twenty-twelve header. Now that I’ve changed my header (to 640×146), do you know how to change the verbiage within the Appearance/Header that says: “Suggested width is 960 pixels. Suggested height is 250 pixels.”

    WVDoc, no change to the theme is needed, just upload a background image that is designed to repeat horizontally (and optionally vertically), and set the repeat setting.

    The image does fit fine, but it’s just the default verbiage (above the upload window) about sizing that I’d like to change. I imagine it’s in one of the template files, but I can’t locate it.

    laptopphoto, if i understand you, you want to change the size that the site title shows in the header.
    edit the style.css file and change the .site-header h1 style:

    .site-header h1 {
    font-size: 1.85714rem;
    line-height: 1.84615;
    margin-bottom: 0;

    ideally you should do it as a child theme so you don’t mess with the twenty twelve template at all.

    Actually, no. The header displays correctly. In the Dashboard, Apperance>Header (“select image” location) the default verbiage there says: “You can select an image to be shown at the top of your site by uploading from your computer or choosing from your media library. After selecting an image you will be able to crop it.
    Suggested width is 960 pixels. Suggested height is 250 pixels.”

    Since my header is now 640×146, and is correctly displaying it, how do I get rid of that misleading verbiage?

    Thanks again,

    Moderator Andrew Nevins


    Forum moderator

    If you need further support than that provided in this (someone else’s) thread, you can create your own thread. If necessary, link to this thread.

    [Closing thread]

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Twenty Twelve full width header’ is closed to new replies.