Changing Header size

Community Forums Forums Design Tips and Tricks Changing Header size

This topic is: resolved

This topic contains 4 replies, has 3 voices, and was last updated by  braddalton 1 year, 2 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #49790

    thisonelife
    Participant
    Post count: 14

    http://www.theperpetualadventure.com/

    I’m trying to set up my website and designing my header and the space in my theme (Fabric) is SO small and I tried to go into the functions.php and the stylesheet to change the height of it but it didn’t seem to make that space bigger for me. I only could see a sliver of my design that I made. I’m so new to this so I hope I explained it well enough!

    http://www.theperpetualadventure.com/
    #49792

    Stewart
    Participant
    Post count: 156

    Hi,

    Open your style.css file and look for the following on line 216:

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

    And try changing the height value here.

    Hope this helps
    Stewart


    WordPress Developer – Need help upgrading to Genesis 2.0?My Blog
    Follow me on Twitter

    #49794

    braddalton
    Participant
    Post count: 9779

    You’ll need to change the 3 values for height in your child themes functions.php file and style.css file.

    Line 29 functions.php
    [php]
    /** Add support for custom header */
    add_theme_support( ‘genesis-custom-header’, array(
    ‘width’ => 960,
    ‘height’ => 100
    ) )
    [/php]

    Line 166 style.css
    [css]
    #header {
    margin: 0 auto;
    min-height: 80px;
    overflow: hidden;
    width: 960px;
    }
    [/css]
    Line 221 style.css
    [css]
    .header-image #title-area,
    .header-image #title,
    .header-image #title a {
    display: block;
    float: left;
    height: 80px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 480px;
    }
    [/css]


    #49831

    thisonelife
    Participant
    Post count: 14

    Perfect! Thank you! I can start a new thread for this if you’d prefer but how do I change the menu color? It looks like it is an image if I am looking at the correct thing?

    #49832

    braddalton
    Participant
    Post count: 9779

    Yes its in your images folder and would require a bit of custom CSS coding so i suggest you start a new thread.


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

You must be logged in to reply to this topic.