Support » Themes and Templates » Catch Box Theme- how do you change the size of header image

  • Resolved tjditty

    (@tjditty)


    I want to increase the size of the header image. I adjusted the code in the functions.php file but do not see the change. Am I missing some code change?

    Thanks for your help.

Viewing 15 replies - 1 through 15 (of 35 total)
  • Hi Tjditty,

    Can you post the Site URI so that I can check in what you are trying to do?

    Regards,
    Sakin

    I figured out how to get the header image adjusted. What I really need now how to reduce the height of the header to eliminate some of the white space. Thanks much!
    http://stopcommoncore.com/

    Tanya

    Hi – I was wondering how to do the same thing…

    What file did you modify in the theme?

    Thanks,
    Marc

    Marc,
    I found this code and placed it in the Custom CSS Styles box.
    remove_filter( ‘HEADER_IMAGE_WIDTH’, ‘ catchbox_header_image_width’ );
    remove_filter( ‘HEADER_IMAGE_HEIGHT’, ‘ catchbox_header_image_height’ );

    define( ‘HEADER_IMAGE_WIDTH’, apply_filters( ‘catchbox_header_image_width’, 840 ) );
    define( ‘HEADER_IMAGE_HEIGHT’, apply_filters( ‘catchbox_header_image_height’, 100 ) );

    Thank you!

    Hi Tiditty,

    You did a great job. That is one of the best way to do it.

    Either, you add the code in the Custom CSS box or build a child theme and do the customization.

    For height/spacing adjustment in ht header. You can use the following css and adjust accordingly:
    /* For Top Spacing Padding */
    #branding hgroup {
    padding-top: 1.5em; /* You can increase or decrease it as per your need */
    }
    /* For Bottom Spacing Padding */
    #site-logo {
    padding-bottom: 2.5em; /* You can increase or decrease it as per your need */
    }

    Regards,
    Sakin

    Sakin,
    I am very new to WordPress and haven’t ventured far enough out to make a child theme! I added the code for the header to the custom css box. I adjusted to .50 and do not see any change.

    Any additional help is very appreciated.
    Tanya

    Hi Tanya,

    Can you send me your wordpress access through our contact form in http://catchthemes.com and mention about the changes and then I will look in details.

    Regards,
    Sakin

    hi tjditty

    I did it here on http://osplugs.com/.

    go to header.php.

    find <h1 id=”site-logo”>

    change it to <h1 id=”site-logo” style=”padding-bottom : 0.5em;”>.

    Thanks much for your help Sakin.
    Tanya

    This was a very helpful thread. How about this… I notice the margin below my logo is different on the homepage and other pages. Othervpages seem to be pulling from a different template/php page. Even tjdiddy’s site does this.

    Can you help?
    My site is http://www.thefilmcircuit.com/TFC

    Thx

    Hi moeFlim,

    Please upgrade your theme to the latest version and it will be fixed.
    See this http://wordpress.org/support/topic/theme-catch-box-version-update?replies=10

    Regards,
    Sakin

    Hi there,
    I am building a blog site using Catch Box (love it). However, my header image is 700 x 192. I tried inserting the code below into the css table as per above, but I’m apparently doing something wrong. When I try to upload the image, it’s still forcing a crop to 300×100. How do I get around it?

    Site: http://bit.ly/OKdyaH

    REALLY appreciate your help!
    – M

    Code used: remove_filter( ‘HEADER_IMAGE_WIDTH’, ‘ catchbox_header_image_width’ );
    remove_filter( ‘HEADER_IMAGE_HEIGHT’, ‘ catchbox_header_image_height’ );

    define( ‘HEADER_IMAGE_WIDTH’, apply_filters( ‘catchbox_header_image_width’, 700 ) );
    define( ‘HEADER_IMAGE_HEIGHT’, apply_filters( ‘catchbox_header_image_height’, 192 ) );

    Hi MCnewBiz,

    You don’t need to edit or customize any code. Just use the latest version of Catch Box .

    Regards,
    Sakin

    Thank Sakin (Catch Themes) for help

    I use catch theme and develop website.

    My site :http://downloadhoo.com

Viewing 15 replies - 1 through 15 (of 35 total)
  • The topic ‘Catch Box Theme- how do you change the size of header image’ is closed to new replies.