How do I change the header size?

Community Forums Forums Design Tips and Tricks How do I change the header size?

This topic is: resolved

This topic contains 6 replies, has 2 voices, and was last updated by  nicole2013 1 year, 6 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #44617

    nicole2013
    Participant
    Post count: 29

    Hi!

    I would like to make the height of the header smaller so that the content starts higher up. Any idea how to do this?

    Any help will be much appreciated!

    Thanks!

    http://www.brachotlekolet.com
    #44627

    braddalton
    Participant
    Post count: 10662

    You can change the height for the header in your functions.php file.

    Looks a bit like this
    [php]
    /** Add support for custom header */
    add_theme_support( ‘genesis-custom-header’, array( ‘width’ => 960, ‘height’ => 125, ‘textcolor’ => ‘333’ ) );
    [/php]

    Simply change the value for the height.

    You can also change the header height values in your style.css file.


    #45074

    nicole2013
    Participant
    Post count: 29

    This didn’t work. Any other possible suggestions?

    Thanks in advance!

    #45076

    braddalton
    Participant
    Post count: 10662

    Did you change the 2 values in your child themes style.css file?


    #45078

    nicole2013
    Participant
    Post count: 29

    Which 2 values are you referring to? I tried a few different values but not necessarily at the same time.  I am not really sure which values are relevant so I just played around with everything that seemed vaguely relevant…  I used Firebug to prevent damage :)

    #45085

    braddalton
    Participant
    Post count: 10662

    For the height. Like this:
    [css]
    /* Header
    ———————————————————— */

    #header {
    margin: 0 auto;
    min-height: 135px;
    overflow: hidden;
    width: 960px;
    }

    /* Image Header – Partial Width
    ———————————————————— */

    .header-image #title-area,
    .header-image #title,
    .header-image #title a {
    display: block;
    float: left;
    height: 135px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 350px;
    }
    [/css]


    #45088

    nicole2013
    Participant
    Post count: 29
    This reply has been marked as private.
Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.