Support » Theme: Yoko » [Theme: Yoko] header image size/proportions

Viewing 10 replies - 1 through 10 (of 10 total)
  • Theme Author ElmaStudio


    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 🙂

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

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

    Thanks for the help. This is great.

    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, 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

    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.

    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 1102×216 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

    // 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 ) );

    Thanks for your help, it’s works!

    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?


    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?

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Theme: Yoko] header image size/proportions’ is closed to new replies.