WordPress.org

Ready to get started?Download WordPress

Forums

Change Height of Header Image (12 posts)

  1. Farfetch42
    Member
    Posted 2 years ago #

    I'm using Third Style by Paomedia and want to edit the header to fit a bigger image in but when i change the:

    define( 'HEADER_IMAGE_WIDTH', apply_filters( 'thirdstyle_header_image_width', 940) );
    define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'thirdstyle_header_image_height', 198 ) );

    From 198 to say 500 in the Functions.php it does nothing.
    Does anyone know what i'm doing wrong?

    http://www.oakfieldpri.co.uk/
    Here is a link to the site at the moment.
    Any helkp would be much appreciated this issue has been annoying me for a while now!

  2. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    you might to re-upload the bigger image after the change in functions.php;

    in which page is the header image supposed to be larger?

  3. manifestcreative
    Member
    Posted 2 years ago #

    Try adding this into your functions.php file and let me know if it works.

    add_filter('thirdstyle_header_image_height', 'my_custom_header_height');
    function my_custom_header_height($height) {
     return 500;
    }

    Header images also use WordPress' thumbnailing system, so you may want to check out the AJAX Thumbnail Rebuild plugin and run that.

  4. Farfetch42
    Member
    Posted 2 years ago #

    It works in the Header editor but it does not change on the actual displayed page!

  5. manifestcreative
    Member
    Posted 2 years ago #

    OK. Well at least we're getting somewhere!

    Can you post the code from your header.php file that controls displaying the header image? If it references a function probably something like thirdstyle_header_image() please copy-paste that function.

  6. Farfetch42
    Member
    Posted 2 years ago #

    Also tried adding a larger image to the size I specify, but still no joy.

  7. Farfetch42
    Member
    Posted 2 years ago #

    Is this it?

    <body <?php body_class(); ?>>
    <div id="wrapper" class="hfeed">
    <div id="header" style="background:url(<?php header_image(); ?>) no-repeat top left;">
    <div id="masthead">
    <div id="branding" role="banner">
    <?php $heading_tag = ( is_home() || is_front_page() ) ? 'div' : 'div'; ?>
    <<?php echo $heading_tag; ?> id="site-title">

  8. manifestcreative
    Member
    Posted 2 years ago #

    Back to your functions.php file. Try changing the following line:
    define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'thirdstyle_header_image_height', 198 ) );

    Change it to:

    define( 'HEADER_IMAGE_HEIGHT', 500 ) );

    Then re-upload your larger image and select it as the header.

  9. Farfetch42
    Member
    Posted 2 years ago #

    Unfortunately that just crashed it and i had to edit it back and reupload the function.php, any other ideas?

  10. manifestcreative
    Member
    Posted 2 years ago #

    Have you run the AJAX Thumbnail Rebuild plugin mentioned in my earlier post, each time you've changed the header image size?

  11. Farfetch42
    Member
    Posted 2 years ago #

    I have now unfortunately it hasn't had any affect.

  12. AnimeFunTV
    Member
    Posted 2 years ago #

    Try going to the style.css

    search for

    #header {
    padding-top: 20px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;

    change the "padding-top" from 20px to 198px

    that worked perfectly for me.

Topic Closed

This topic has been closed to new replies.

About this Topic