9 {{ upvoteCount | shortNum }}
9 {{ upvoteCount | shortNum }}

Does anyone know how to resize the header on the wordpress tweny ten theme?

by kea55
6 replies
Hi guys. I just put the twenty ten theme on my site and I don't want the reader to have to scroll down so much before he sees what I'm saying . how do I decrease the height on this theme. I usually just upload my own resized header but this Twenty-ten themes is a little different doesn't seem that easy. please help. thanks in advance.
#header #resize #ten #theme #tweny #wordpress
  • Profile picture of the author webapex
    You might look into the
    2010 Weaver

    child theme which adds a ton of adjustable parameters in tables so you can change header height without editing the php files.
    Signature

    “An expert is a person who has made all the mistakes that can be made in a very narrow field” Niels Bohr

    {{ DiscussionBoard.errors[3231923].message }}
    • Profile picture of the author Rashell
      It's a real easy fix but an annoying process.

      Step One: Create a child theme

      Add a folder to the "themes" directory with whatever name you want to give it.

      Step Two: Add the required style.css file with this code

      Code:
      /*
Theme Name: Twenty Ten Child
Description: Child theme for the Twenty Ten theme 
Author: Your name here
Template: twentyten
*/

@import url("../twentyten/style.css");
      Step Three: Make the changes to the CSS on this page.

      BTW 2010 Weaver does add a lot of adjustable parameters... And a lot of excess code to your page source.

      It is a good resource to snag all the little snippets of css code you'll need to adjust your own lighter child theme.

      Step Four: Add a functions.php file with this

      PHP Code:
      <?php
      /* This is the main function.php override file - it controls most of the stuff happening with the theme */

      // The height and width of your custom header. You can hook into the theme's own filters to change these values.
          // Add a filter to twentyten_header_image_width and twentyten_header_image_height to change these values.
                define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyten_header_image_width', 940 ) );
                define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyten_header_image_height', 120 ) );

      ?>
      NOTE: Make sure there are no extra spaces after the "?>"

      Step Five: Adjust the Height & Width of the Image

      change the 940 width and/or 120 height to whatever you want them to be

      That's It!

      Annoying but... if you find the need to add extra sidebars or make any other adjustments you can make them to your child theme and not lose the changes during upgrades.

      Here's the Wordpress Page on it --> http://codex.wordpress.org/Child_Themes

      Rashell
      {{ DiscussionBoard.errors[3232116].message }}
  • Profile picture of the author Don Schenk
    In 2010 the header image size appears to be fixed at 940 x 198 pixels at 72ppi. If I drop a different size image in, it just crops out the middle to 940 x 198 pixels at 72ppi!

    There is a good video tutorial at Youtube about Weaver. I am not an affiliate.

    YouTube - How to customize Wordpress Twenty Ten Theme!

    :-Don
    Signature

    Studies prove happier people have massively more success. It has worked for me. Use this one trick too... Click Here

    Total Competition Stomper - Simply the most powerful tactic your IM or Offline business will ever use... See it here!
    {{ DiscussionBoard.errors[3231940].message }}
  • Profile picture of the author Andie
    Kea,
    I have a site I'm building with that theme, I used the XHeader program and made it the size Don mentioned. Awesome, easy to do ...not positive where I got the program, but haven't paid anything to use it for my purposes.


    Best,
    Andie
    Signature
    {{ DiscussionBoard.errors[3231981].message }}
  • Profile picture of the author kea55
    wow so theres no way to do this with twenty ten...ahh man
    Signature
    Electric Heaters For Homes
    Samsonite spinner luggage
    {{ DiscussionBoard.errors[3232094].message }}
  • Profile picture of the author sentient
    I just went into Admin - Appearance - Editor - Theme Functions (functions.php) and changed the sizes here:

    define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyten_header_image_width', 940 ) );
    define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyten_header_image_height', 198) )
    {{ DiscussionBoard.errors[3235800].message }}

Trending Topics