WordPress.org

1. spackletoe
   Member
   Posted 11 months ago #

   I edited the style sheet to change the theme's width to 980, so I'd like to change the dimensions that the header image upload tool is expecting to 980x350. Where would I go to do that?

   Thanks!

2. alchymyth
   The Sweeper
   Posted 11 months ago #

   functions.php:

   line 122+:

   define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyeleven_header_image_width', 1000 ) );
   	define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyeleven_header_image_height', 288 ) );

3. spackletoe
   Member
   Posted 11 months ago #

   Thank you!! New world's record for a question being answered.

4. lottrr
   Member
   Posted 11 months ago #

   Is there a way to include this kind of code in a child theme?

5. bluejpro
   Member
   Posted 10 months ago #

   Lotrr --
   This post from wpti.ps goes into detail about removing and replacing the header image in a twenty eleven child theme - even changing the size - using functions.php.

   http://wpti.ps/functions/replace-remove-header-image-twenty-eleven-theme/

   I'm trying it right now.

6. bluejpro
   Member
   Posted 10 months ago #

   Even better help here - if you just want to change the default header image size in twenty eleven

   http://www.blog.web6.org/twenty-eleven-header-image-how-to-change-size/

7. MyAwesomeBlog
   Member
   Posted 5 months ago #

   Here's my quick and dirty tutorial on how to change the header image size:

   http://www.myawesomeblog.com/wordpress-twenty-eleven-theme-customizations/how-to-change-header-image-dimensions-in-wordpress-twenty-eleven-theme

8. cristopher_elsner
   Member
   Posted 5 months ago #

   hi MyAwesomeBlog

   Find "#branding img" in css and set Height and Width of image.

   best luck.

9. mr49online
   Member
   Posted 5 months ago #

   After R&D the best solution that i come to know is that, create its child theme, and do any kind of customization there. To create child theme please checkout this link.

10. theBrettman
    Member
    Posted 4 months ago #

    You're all doing it wrong! There's two ways to do it right. Either make your own variable to replace HEADER_IMAGE_HEIGHT and HEADER_IMAGE_WIDTH in your functions.php and define a new variable (also replacing the variables in your template files), or remove the filter and redefine it in your functions.php:
    

    remove_filter( 'HEADER_IMAGE_WIDTH', 'twentyeleven_header_image_width' );
    remove_filter( 'HEADER_IMAGE_HEIGHT', 'twentyeleven_header_image_height' );
    define( 'HEADER_IMAGE_WIDTH', apply_filters( 'child_header_image_width', 1280 ) );
    define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'child_header_image_height', 200 ) );

    I prefer the latter so I don't have to find/replace HEADER_IMAGE_WIDTH & HEADER_IMAGE_HEIGHT with new variables. I just add those four lines to my functions.php and I'm done! Since it is in my child theme, I never have to worry about it getting overwritten on update and if you don't remove_filter() on each first, it will show in your debug log (if you use one) because those variables are already defined.

11. David Borrink
    Member
    Posted 4 months ago #

    the Brettman,

    Thanks! I just needed a quick example of how to write it up. Works like a charm.

12. patrick_kelley
    Member
    Posted 4 months ago #

    @theBrettman: Hi, added your code to my custom functions.php and received the following error message when logging in to the dashboard:

    Warning: Cannot modify header information - headers already sent by (output started at /home/redmon6/public_html/test/wp-content/themes/twentyeleven-child/functions.php:8) in /home/redmon6/public_html/test/wp-includes/pluggable.php on line 866

13. patrick_kelley
    Member
    Posted 4 months ago #

    I found the answer in the FAQ -- spurious characters added at the end of the file by Expression Web. Solved by saving in Notepad after deleting junk after closing PHP tag.

    Solving the "headers already sent" problem

14. danapalooza
    Member
    Posted 4 months ago #

    This is mostly what I needed. What about manipulating the header image size on a per-page basis? In other words, having different page templates with different header image sizes.

15. esmi
    Theme Diva & Forum Moderator
    Posted 4 months ago #

    Please post a new topic.

16. danapalooza
    Member
    Posted 4 months ago #

    @esmi Will do.

17. theBrettman
    Member
    Posted 3 months ago #

    @danapalooza actually, it's not a hard question to answer and belongs in this post. HEADER_IMAGE_HEIGHT and HEADER_IMAGE_WIDTH are just constants made by the twentyeleven theme that you use where you put the code into your header for the header image. You could make your own constants/variables, insert actual values, or just make custom templates for each page with different constants/variables or some code to set those values on whichever page but it sounds like it would be better to make a plugin to do this and not use HEADER_IMAGE_HEIGHT and HEADER_IMAGE_WIDTH. You could make your own plugin and make your own template tag that uses it and replace the code there with your template tag.

18. killyman
    Member
    Posted 3 months ago #

    theBrettman

    Thanks! worked like a charm for me when I added to my funtions.php in my child theme the following

    define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyeleven_header_image_width', 1000 ) );
    define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyeleven_header_image_height', 200 ) );

    Now my custom image (1000px by 200px) fits perfectly!

19. niceWP
    Member
    Posted 1 week ago #

    I added to my funtions.php in my child theme the following

    define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyeleven_header_image_width', 1000 ) );
    define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyeleven_header_image_height', 200 ) );

    Now my custom image (1000px by 200px) fits perfectly!

    guys, i have a child theme but i think it has only style.css document. How can i add that code to my functions.php?

Reply

You must log in to post.