WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [closed] Twenty Twelve full width header (11 posts)

  1. WVdoc
    Member
    Posted 1 year ago #

    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...

    Thanx!

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

  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    start by creating a child theme of Twenty Twelve;
    http://codex.wordpress.org/Child_Themes

    then post a link to your site.

    or try working with a browser tool such as Firebug http://getfirebug.com/, 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:
    img#wpstats{visibility:hidden}

  3. Drain0
    Member
    Posted 1 year ago #

    @WVdoc did you get the header to go full width? if so - how?

  4. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    @Drain0

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

  5. Drain0
    Member
    Posted 1 year ago #

    Thanks

    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; ?>
  6. laptophobo
    Member
    Posted 1 year ago #

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

  7. bitkahuna
    Member
    Posted 1 year ago #

    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.

  8. laptophobo
    Member
    Posted 1 year ago #

    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.

  9. bitkahuna
    Member
    Posted 1 year ago #

    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.

  10. laptophobo
    Member
    Posted 1 year ago #

    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 640x146, and is correctly displaying it, how do I get rid of that misleading verbiage?

    Thanks again,

  11. Andrew
    Forum Moderator
    Posted 1 year ago #

    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]

Topic Closed

This topic has been closed to new replies.

About this Topic