WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Custom header image size with full width page (2 posts)

  1. JONvdHeyden
    Member
    Posted 2 years ago #

    Hello All

    I am a wee bit stuck. I am using child theme off twentyeleven. I have attempted to resize header image to 703 x 146 by adding this to my child theme functions.php:

    define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyeleven_header_image_width', 703 ) );
    define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyeleven_header_image_height', 146 ) );

    Yet it remains resized. See here: http://www.theexcelcrowd.org

    I believe the culprit may be this in my child theme css:

    /* Full Width Screen */
    #page { max-width: 100%; }
    body {
    	padding: 0;
    }

    Thanks in advance;
    Jon

    [ Please do not bump, it's not permitted here. ]

  2. JONvdHeyden
    Member
    Posted 2 years ago #

    Hello All

    With help of this forum I puzzled out that the resolution involved:

    Changing the page max width to none:

    #page {
    	margin: 0 0; /* from 2em auto */
            max-width: none; /* from 1000px */
    }

    Changing header image properties:

    #branding img {
    	height: auto; /* from auto */
    	margin-bottom: -7px;
    	width: auto; /* from 100% */
    }

    Changing the header background color:

    /* Change the header background colour */
    #branding {
    	background: #3e87ad
    }

    And with a few other tweaks the site is coming along nicely.

    Thanks to all the regular forum contributors here. :)

    Jon

Topic Closed

This topic has been closed to new replies.

About this Topic