Support » Theme: Pinboard » removing white space below header

  • I can’t seem to figure out how to remove the white space below my header. I’ve figured out the sides and the top myself, but I’m not well-versed in CSS and this is continuing to elude me. Any help with this would be appreciated!

    Website: http://corvallis4.org/

Viewing 2 replies - 1 through 2 (of 2 total)
  • I think you’re referring to the blank space above the search field.

    Right now, line 669 of your style.css looks like this

    #header #searchform {
       float: right;
       margin: 60px 3.4% 0 3px;
    }

    The four values for the margin property start at the top and go around the element clockwise. It’s the top margin of 60px that’s giving you the issue right now. I’d also suggest giving it a little bottom margin too, so it’s not right up against your navigation menu.

    I’d change it to something like this:

    #header #searchform {
       float: right;
       margin: 10px 3.4%;
    }

    FYI, I used a little short hand for the last part. When you use two numbers instead of four, the first number is the for the top and bottom and the second is for the right and left. Obviously, tweak the margin values to whatever you like best.

    Hope this helps!

    Thanks, this is very helpful!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘removing white space below header’ is closed to new replies.