WordPress.org

1. Bperth
   Member
   Posted 1 year 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

2. Digital Raindrops
   Member
   Posted 1 year ago #
   

   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

Topic Closed

This topic has been closed to new replies.