Modify size of Header Image?

  • cathycox01


    First – Thank you Syahir for your response to me the other day on the beta question I had, for some reason I could not reply to that thread and thank you. I’m helping a friend build a new site and having an option to change the color scheme is very exciting – I know it can be done by editing the css but I’d rather not mess with it, I’m a total hack 😉

    Second – I had to increase the column sizing on the page and therefore the overall “container” (I think?) size on the page and that worked great. However, now the header image doesn’t span the full width and it looks a little odd. I managed to at least change the background color to match the background color, but I’d still prefer to extend the header image across the full width of the page.

    Please see it here:

    Here’s what I did, keeping in mind I really have no business modifying code!

    First I changed #container width from 960 to 1050

    I increased the sidebar column width and slightly decreased the main column width, until I got it to display the way I wanted, and then I went after the header.

    I tried changing both #header_img_link and #header width from 960 to 1050 to match the increased “container” size but it seems to do nothing. I’ve gone over the code a million times and just don’t know where else I can turn to modify the size of this image.

    Lil’ help? Is it even possible?

    Thanks so much!





    Perfect, I will give that a shot. Thank you so much, the theme and support both are fantastic.



    I’ve created a child theme folder here: wp-content/themes/graphene/graphenechild

    After reading the response you posted, I created a functions.php in that folder and I copied the code you included:

    function graphene_custom_header_width(){
    return 900;
    function graphene_custom_header_height(){
    return 198;
    add_filter('graphene_header_image_width', 'graphene_custom_header_width');
    add_filter('graphene_header_image_height', 'graphene_custom_header_height');

    where I replaced 900 with 1050 (the full width of my page)

    Nothing appears to have happened to the image on the page, it looks like it’s still at 960:

    However when I go to my Dashboard –> Appearance –> Header –> it states that “Images of exactly 1050 × 198 pixels will be used as-is.”

    So it doesn’t appear as though it changed, but maybe it did?

    Lil’ (more) help? Sorry!

    Thanks 🙂



    Syahir Hakim


    The header images included with the theme has a width of 960px. As with all images, you cannot simply enlarge an image bigger than it’s physical dimension, or otherwise it will appear blurry.

    You will need to upload your own header image to make use of the new width.



    Hi Syahir,

    The logo isn’t done yet but we wanted to make sure the space available for it was 1050×198 before we moved forward with the designer….

    So ust to be sure – you’re saying all this time I’ve been messing with the code and banging my head it’s really probably been right all along? Hahah..awesome 🙂

    Thank you much, I’ll upload/test a properly sized image.


    Syahir Hakim


    When you see the message “Images of exactly 1050 × 198 pixels will be used as-is.” in the WP Admin > Appearance > Header, that’s a good sign you got it right 🙂

Viewing 7 posts - 1 through 7 (of 7 total)

  • You must be logged in to reply to this topic.