Return to Support

Help with header height

Home Forums Graphene WordPress theme Support Help with header height

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #2903
    cuppy90
    Member

    Hello, I need help with a header issue. I have created the child pages necessary to change the height of the header, however when I go into wordpress to add the taller image it still says my image should be 960 x 198 and forces me to crop it. When I view my site, I see the new space for the image, so the code is correct. How do I get around this and use the taller header image. Thanks so much.

    #22535
    Josh
    Member

    Hi Cathy,

    In addition to changing the css, you also need to alter a couple functions. Try inserting this into your child theme functions.php file:

    function graphene_custom_header_width(){
    return 960;
    }
    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');

    You can change the values to whatever you like. In your case, change the 198 to your new slider height.

    #22536
    Cathy Espere
    Member

    Thanks for the info and prompt response but I already did that. I changed the 198 to 250. My issue is when I am in wordpress and go to add the graphic. When I am here: http://navigatewithpurpose.com/wp-admin/themes.php?page=custom-header – it tell me: You can upload a custom header image to be shown at the top of your site instead of the default one. On the next screen you will be able to crop the image.

    Images of exactly 960 × 198 pixels will be used as-is.

    If you view the website – http://www.navigatewithpurpose.com – you will see the space I need is under the graphic that is up there now. WordPress will not allow me to put in the image without cropping it. Hope that makes sense.

    #22537
    Josh
    Member

    Can you paste your child theme functions.php file here?

    Remember to enclose the code with backticks, like this.

    #22538
    Cathy Espere
    Member
    <?php
    function graphene_custom_header_width(){
    return 960;
    }
    function graphene_custom_header_height(){
    return 250;
    }
    add_filter('graphene_header_image_width', 'graphene_custom_header_width');
    add_filter('graphene_header_image_height', 'graphene_custom_header_height');
    ?>

    #22539
    Josh
    Member

    Okay, we are going to do a workaround. I’m not really sure why this isn’t working for you.

    This is the URL of your current header image:

    http://navigatewithpurpose.com/wp-content/uploads/2012/01/cropped-viewer.jpg")

    So, let’s navigate to this folder using either FTP or your hosts control panel. What we need to do is overwrite the default image with our new one.

    So, open up your FTP program or log on to your hosts cpanel.

    Navigate to wp-content/uploads/2012/01/

    Then, name your NEW image cropped-viewer.jpg

    Lastly, overwrite your old photo with your newer one.

    This should bypass the graphene cropping option and display it as-is.

    #22540
    Cathy Espere
    Member

    Thank you so much Josh! I really appreciate your help. That worked perfectly. Now if I can figure out how to get rid of the top menu…………. perhaps I can pay you to help me with a few items?

    #22541
    Josh
    Member

    Of course. You may use my contact page so we don’t clutter up Syahir’s forum. I’ll go check out your top menu now.

    You can use my contact form here:

    http://www.joshlobe.com/contact-me/

    (Marking thread as resolved)

    #22542
    Syahir Hakim
    Keymaster

    You’re not actually using the child theme… perhaps you forgot to activate it?

    #22543
    Josh
    Member

    How did you know that, Syahir?

    #22544
    Cathy Espere
    Member

    Oh, and how do you activate it? I thought I did, but perhaps I forgot something.

    #22545
    Josh
    Member

    You need to go to your themes section, and activate the child theme.

    NOTE: You will need to reupload any custom header image and any custom background image one you activate the child theme.

    #22546
    Syahir Hakim
    Keymaster
    Quote:
    How did you know that, Syahir?

    I have the Super Cow Power!

    No, I look at the CSS files being loaded.

    #22547
    Josh
    Member

    I have the Super Cow Power!

    Thanks, I needed that 🙂

    Okay, so you view source? I see where a child theme is called in the <head>. How do you know if there is a functions.php file in the child theme? Or did you just know from looking at the css that the dimension changes didn’t take?

    #22548
    Syahir Hakim
    Keymaster

    Nope, I use Web Developer Toolbar add-on for Firefox. It’s another one of those essential add-ons for web developers, aside from Firebug.

    149wqr9.png

    When I viewed it earlier, there was no stylesheet being loaded from the ‘graphene-child’ folder, or any other folder that may indicate a child theme. But it’s there now, so it should be activated already.

Viewing 15 posts - 1 through 15 (of 16 total)

You must be logged in to reply to this topic.