Header Width

  • Resolved Bperth

    (@bperth)


    12 years, 8 months ago

    Hi all,

    I’m using Meteor Slideshows to create a rotating header banner.

    All works well but I cannot change the width of the header placeholder (ie the space where the header image is locatated).

    I’ve tried changing these settings in my child theme’s function.php file.

    define( ‘HEADER_IMAGE_WIDTH’, apply_filters( ‘twentyeleven_header_image_width’, 400 ) );
    define( ‘HEADER_IMAGE_HEIGHT’, apply_filters( ‘twentyeleven_header_image_height’, 400 ) );

    makes no difference.

    I’ve tried resseting page width in child style.css

    #page {
    margin: 2em auto;
    max-width: 1000px;
    }

    makes no difference.

    I can change the size of the images to match the space but that isn’t what I want to do. I want to change the size of the place where the banner image is located.

    Any ideas?

    Thanks

    Bruce

Viewing 1 replies (of 1 total)

  • In fuctions.php, this is what I use and it works for a 1140px width, this is not inside any after theme setup function.

    /** Set the content Width */
if ( ! isset( $content_width ) )
	$content_width = 940;

/* Deal With The Headers Here */
function dr_header_image_width($width) {
	return 1140;
}
add_filter( 'twentyeleven_header_image_width', 'dr_header_image_width' );

    In style.css I have the same as you!

    page {
	max-width: 1140px;
}
.featured-posts,
#ie7 article.intro {
	max-width: 1140px;
}

    If I then echo the HEADER_IMAGE_WIDTH it is 1140px, it looks like we have apply_filters() in the parents, then the child theme we use add_filter(), this changes the filter at runtime!

    If this answer resolves the problem then please mark this topic as resolved.

    HTH

    David

Viewing 1 replies (of 1 total)
  • The topic ‘Header Width’ is closed to new replies.