Need help with Twenty Eleven 1.2 Theme

9 replies
I just uploaded the Twenty Eleven 1.2 theme and don't like the BIG header (Image 1000 x 288 pixels).

How do I change it to the same size as default Wordpress theme?

Thank you,
Jessica
#eleven #theme #twenty
  • Profile picture of the author Robert Bleach
    It looks like you need to change the lines in functions.php that read:

    // The height and width of your custom header.
    // Add a filter to twentyeleven_header_image_width and twentyeleven_header_image_height to change these values.
    define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyeleven_header_image_width', 1000 ) );
    define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyeleven_header_image_height', 288 ) );

    to define the height and width you want. Obviously, doing this through a child theme would be the best way to go. Of course, if you change the header size, you'll probably also need to make changes to the size of the content area (unless you don't mind your header size not matching content size).
    {{ DiscussionBoard.errors[4516232].message }}
  • Profile picture of the author JimmyRose
    I agree the twenty eleven theme header size is insane. It practically means above the fold all you get is a title and an image. Obviously in addition to changing the constants Robert mentioned, you'll need to upload a different image size. Unless their built in image resizer is smart enough...
    {{ DiscussionBoard.errors[4516679].message }}
  • Profile picture of the author scottmanesis
    I know it is not the answer you are looking for, but how bout using a different theme? There are many far superior themes than the WP default themes and many are free, so not being able to afford a premium theme excuse is gone.
    Signature

    Want to make $800 Per Sale By Promoting Master Copywriter Dan Kennedy's Soon To Be Released New Product That Hardly Anybody Knows About Yet?Dan Kennedy's Game Changer DNA.

    {{ DiscussionBoard.errors[4516719].message }}
    • Profile picture of the author J Bold
      Originally Posted by scottmanesis View Post

      I know it is not the answer you are looking for, but how bout using a different theme? There are many far superior themes than the WP default themes and many are free, so not being able to afford a premium theme excuse is gone.
      Be careful what free themes you use, though, as a lot of them have malicious code which you wouldn't want on your site!
      {{ DiscussionBoard.errors[4516726].message }}
      • Profile picture of the author scottmanesis
        Originally Posted by redicelander View Post

        Be careful what free themes you use, though, as a lot of them have malicious code which you wouldn't want on your site!
        True true I only use reputable free themes like Flexibility and Apaluchua
        Signature

        Want to make $800 Per Sale By Promoting Master Copywriter Dan Kennedy's Soon To Be Released New Product That Hardly Anybody Knows About Yet?Dan Kennedy's Game Changer DNA.

        {{ DiscussionBoard.errors[4516794].message }}
        • Profile picture of the author philwiley
          Jessica

          Another way to do it is by changing the stylesheet.css, which you'll find in Appearance/Editor.

          Look for the /* =Header section and then scroll down to

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

          you can then specify the height and width of the header image in px. So, for example, you could just change the height from 288px to 100px or whatever you choose. To specify a width change 100% to the width of your image in pixels, example 450px.

          When you go to upload the image wordpress tells you it's changing/cropping the image size to make it fit the 1000x288, but it doesn't.

          Like Robert says you're probably better off doing it through a child theme (google it) and you'll probably also need to make changes to the height of the content area.

          That could be probably done in the .css file too. One way of shrinking the depth of the header area is by changing the padding around the title from 3.65em's to something a lot less.

          #site-title {
          margin-right: 270px;
          padding: 3.65625em 0 0;

          No doubt there are other sections of the css file which will let you modify the header area more, but all I've played around with is the image size.

          If you don't use a child theme to make your modifications they'll probably get overwritten next time the theme is updated, though you can keep a record of the changes you make in Evernote and add them back in.

          phil
          {{ DiscussionBoard.errors[4517512].message }}
  • Profile picture of the author lingerieexposure
    Thank you all for your help. It didn't work. The header is huge! I'm going to change to another theme.

    Jessica
    {{ DiscussionBoard.errors[4518648].message }}
  • Profile picture of the author sandrasims
    I like the Genesis framework from studio press. The theme that has become my favorite is Prose. It is clean and easy to change everything, right within WP admin panel - including header size, uploading a new header, fonts, colors etc.
    Signature
    Sandra Sims

    Established marketing services website - view my Flippa website auction here!
    {{ DiscussionBoard.errors[4519005].message }}

Trending Topics