How to change the header size in Twenty Eleven and Twenty Ten

November 13, 2011 0 Comments


To change the the size in width or height or both of the header of  Twenty Eleven or Twenty Ten theme in WordPress you need to edit the ‘functions.php’ file in your theme or child theme - the preference is to make a child theme and create/change the  functions.php file in there.

The reason for this is that if the main theme is updated you will lose your custom changes.

The functions file can be found as below:

/public_html/wp-content/themes/twentyeleven/functions.php 
/public_html/wp-content/themes/childthemeoftwentyeleven/functions.php  

Add in the content below:

<?php

// The height and width of your header.
define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyeleven_header_image_width', 1000 ) );
define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyeleven_header_image_height', 130 ) );

?>

What you need to change is the pixel dimensions for your required height and width. Now you can create a graphic to those dimensions and upload it through the front end WordPress interface.

Appearance > Header

twenty-eleven-header-change-size

twenty-eleven-header-change-size

Related posts:

  1. Adding a Footer Menu to Twenty Eleven Theme WordPress
  2. Extend the Twenty Eleven Theme Menu Navigation to FullScreen
  3. Hiding the Meta Generator Tag in WordPress in the Header and RSS
  4. Delete Author and Date Information under WordPress Posts for the Twenty Ten Theme
  5. Change the Drupal Administration Appearance and Menu
Tech, WordPress