WordPress.org

Ready to get started?Download WordPress

Forums

Pinboard
removing white space below header (3 posts)

  1. shastalasta
    Member
    Posted 3 months ago #

    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/

  2. joelymil
    Member
    Posted 3 months ago #

    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!

  3. shastalasta
    Member
    Posted 3 months ago #

    Thanks, this is very helpful!

Reply

You must log in to post.

About this Theme

About this Topic