WordPress.org

Ready to get started?Download WordPress

Forums

Yoko
header image size/proportions (11 posts)

  1. wp_blog_user
    Member
    Posted 3 years ago #

    I just installed yoko on my blog, but can't find an option to change the header image size: I need the height to be smaller. How can this be done?
    Thanks in advance.

    http://wordpress.org/extend/themes/yoko/

  2. Elmastudio
    Member
    Theme Author

    Posted 3 years ago #

    Changing the header image height is not a default theme option right now, so you have to make changes to the theme template file "function.php". There you can set your own header image height value in line 69 ("define HEADER_IMAGE_HEIGHT").

    Then you just upload your own image via the word­press admin panel and your own image with the cor­rect height should show up on your site :-)

  3. wpvince
    Member
    Posted 3 years ago #

    can you maybe make the header resize depending on source image hight?

  4. tsany
    Member
    Posted 3 years ago #

    It's using WordPress' default header uploader. that's why it's hard to do it..

  5. asiir
    Member
    Posted 3 years ago #

    Thanks for the help. This is great.

  6. gurang
    Member
    Posted 3 years ago #

    My thanks too to the reply from elmastudio. I really find that the default size just takes up too much screen real estate. Now I have been able to fix that. I have another header question. For the main header (header 1?) I'd like to change from Droid sans serif to Droid serif bolditalic. I've made a few attempts to do so but they have not worked and I don't want to muck up my theme with bungled changes. On http://myphilippinelife.com, I want to change the top header text (My Philippine Life" to the serif bold italic. I find the the sans serif a little too strong for that particular text. Thanks

  7. superli
    Member
    Posted 2 years ago #

    Hi, I changed the "functions.php" default 350px to 250px height
    define( 'HEADER_IMAGE_WIDTH', apply_filters( 'yoko_header_image_width', 1102 ) );
    define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'yoko_header_image_height', 250) );
    Then I just upload my own correct height image via the word­press admin panel, but the main page still keep 350 default height. :-( Thanks.

  8. gurang
    Member
    Posted 2 years ago #

    I was able to change the header height by editing the Theme Functions (functions.php) file. It works fine. I changed my header image height to 216 and then edited my image to 1102x216 and uploaded and selected it.

    I'm not sure why you're having a problem.

    Here's the bit of code from my Theme Functions (functions.php) See http://myphilippinelife.com

    // 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 yoko_header_image_width and yoko_header_image_height to change these values.
    define( 'HEADER_IMAGE_WIDTH', apply_filters( 'yoko_header_image_width', 1102 ) );
    define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'yoko_header_image_height', 216 ) );

  9. superli
    Member
    Posted 2 years ago #

    Thanks for your help, it's works!

  10. weswinberry
    Member
    Posted 2 years ago #

    THanks for your help! I did the same thing to my site and it worked!

    Any ideas on how to better remove the space between the videos I have and the header image?

    Thanks!!!!!

    http://absoluteleighsurrogacy.com/

  11. dianat
    Member
    Posted 2 years ago #

    I'm having trouble with this in a yoko child theme. I've added a function.php file in the child folder with just the change in height:

    define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'yoko_header_image_height', 175 ) ); // changed from 350 default, dt

    I've copied over the header.php from the parent yoko folder and changed only the header image height:

    echo get_the_post_thumbnail( $post->ID , array(1102,175), array('class' => 'headerimage'));

    The change is reflected in the Custom Header admin panel, yet on the site itself, header image height remains at 350.

    Any ideas?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic