Reduce Header Whitespace

  • Resolved justin@insearchofwonder.com

    (@justininsearchofwondercom)


    10 years, 5 months ago

    Hello,

    I am trying to eliminate or substantially reduce the white space above the header image. I tried adding the following to the custom CSS style sheet but there is still a big white space above the image: 

    .hgroup-wrap {
    padding-bottom: 0px;
    padding-top: 0px;
}

#site-logo {
    margin-top: 0;
    margin-bottom: 0px;
}

    My site is http://www.insearchofwonder.com. Any help is greatly appreciated!

    Thanks,
    Justin

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter justin@insearchofwonder.com

    (@justininsearchofwondercom)

    10 years, 5 months ago

    Hello,

    Using the developer tools, I found the following line of code which seems to be the root of the problem:

    .hgroup-wrap img
  margin-top: 39px
  margin-bottom: 13px

    This is part of the header-image class. I tried putting the following code in my custom CSS style sheet, but it did not work:

    .hgroup-wrap img {
    margin-top: 0px
    margin-bottom: 0px
}

    When I manually disable this line of code with the developer tool, it moves the header image up where I want it, so I know this is the correct line. I just need to properly override it. Please let me know what is the correct code for my custom CSS style sheet to make this work!

    Thanks,
    Justin

    Thread Starter justin@insearchofwonder.com

    (@justininsearchofwondercom)

    10 years, 5 months ago

    Actually, the above code did resolve the issue. It just took a few minutes to propagate.

    LysaGreer

    (@lysagreer)

    10 years, 3 months ago

    Thanks, Justin! This worked for me also 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reduce Header Whitespace’ is closed to new replies.