Header Height

This topic is: not resolved

This topic contains 6 replies, has 3 voices, and was last updated by  Hard Boiled Greg 2 years ago.

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

    ladygem
    Participant

    Hi all,

    I would like to know how to make my header wider (taller)?

    Right now the header appears really squished at the top, how do I add more space to that area

    #1363

    SoZo
    Moderator
    Post count: 1573

    The header div styles are controlled by the #header rule and you also need to edit the dimensions of the custom header function in functions.php


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #1365

    ladygem
    Participant

    #header {
    background:  no-repeat;
    height: 120px;
    width: 960px;
    }

     

    That’s what’s in my CSS right now, and when I increase the height from 120px to 300px for example, it adds more width to the bottom. I would like more space at the top of my header.

    How do I do that?

    #1381

    ladygem
    Participant

    Anyone?

     

    #1382

    Hard Boiled Greg
    Participant
    Post count: 88

    Increase the height and then add:

    background-position: center bottom !important;

    to the #header rule.

     

    HBG


    Website: Hard Boiled Greg Twitter: @hbgreg

    #1384

    ladygem
    Participant

    YES!!!! Thank you so much Hard Boiled Greg! That worked like a charm! :-)

    #1385

    Hard Boiled Greg
    Participant
    Post count: 88

    You’re welcome.  I’m very glad I could help.


    Website: Hard Boiled Greg Twitter: @hbgreg

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

The topic ‘Header Height’ is closed to new replies.