[resolved] remove space above header image (4 posts)

  1. orlafitz
    Posted 5 years ago #

    Hi all, I need to remove the space above my header image and I can't figure out how to do that as there doesn't seem to be any padding in the stylesheet. Can anyone help me fix this - http://www.cottageology.com

  2. DigitalSquid
    Posted 5 years ago #

    It's this section of your CSS that's causing it:

    /*	Begin Headers */
    h1 {
    	padding-top: 20px;
    	line-height: 60px;
    	margin: 0;

    Because your header image is wrapped in a h1 it's getting the top-padding applied to it as well.

    Try adding something like this to your CSS to cancel out the top-padding on that specific h1 tag:

    #headerimg h1 {
  3. You have a div above the header image div - <div id="page"> - that mght be out of place and will be adding space above the header.

    And might check your code errors: [Invalid]Markup Validation of cottageology.com - W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.

  4. orlafitz
    Posted 5 years ago #

    Thank you both so much for the quick reply - that was the padding that was throwing it all off! Twas driving me crazy.

    Thanks again!

Topic Closed

This topic has been closed to new replies.

About this Topic