8 {{ upvoteCount | shortNum }}
8 {{ upvoteCount | shortNum }}

Would like to increase height header

by scrapcar
6 replies
  • WEB DESIGN
    • |
I would like to make the header slightly taller i think my theme is Twenty Ten but apparently it is modified i have tried posting on wordpress.org but not have much
success can anyone help.
#header #height #increase
  • Profile picture of the author Tomos Wyn
    Is this the site that's linked in your signature?

    If so, there's a way to do it with the way the site's coded, but can I ask why is everything within the #header id? I don't see any need for it.

    But, without changing the source code, you can make the header taller by adding something like this to your css file.

    Code:
    /*--- Change the 100px to the desired height */
#masthead { 
  overflow:hidden;
  min-height:100px;
  height:100px;
  }
    This will make the wrapper that surrounds your logo and navigation taller.

    I guess this is what you want?
    {{ DiscussionBoard.errors[6401402].message }}
  • Profile picture of the author scrapcar
    Hi Tomos Wyn, thanks for replying, my site is my signature. It just looks a bit small
    do you think it looks ok? If so i will leave it.
    Signature

    {{ DiscussionBoard.errors[6401545].message }}
  • Profile picture of the author Tomos Wyn
    It's not bad - but personally I'd work on the site's spacing.

    I mean, your navigation has some whitespace either side of it yet your header text is right to the side with no space. I'd tighten up the spacing.

    But to be honest I don't think you need to make the header any taller.
    {{ DiscussionBoard.errors[6401593].message }}
  • Profile picture of the author scrapcar
    Ok i will leave header Yes that was my next issue to sort out. don't suppose you know how to
    sort this do you? or best place to look.
    Signature

    {{ DiscussionBoard.errors[6401957].message }}
  • Profile picture of the author Tomos Wyn
    Use something like firebug for firefox or inspector tools in chrome/safari to non-destructively play about with css styles for elements. Once you settle down with something you like, copy it and paste it in your actual CSS file.


    As for the navigation, look for #access in your CSS file. Look at adding a top margin, reducing the width etc.
    {{ DiscussionBoard.errors[6402221].message }}
    • Profile picture of the author scrapcar
      Ok, i will give that a go see how i get on. nice one thanks for your help.
      Signature

      {{ DiscussionBoard.errors[6403322].message }}

Trending Topics