Support » Theme: Clean Retina » Reduce Header Whitespace

  • Resolved justin@insearchofwonder.com

    (@justininsearchofwondercom)


    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)
  • justin@insearchofwonder.com

    (@justininsearchofwondercom)

    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

    justin@insearchofwonder.com

    (@justininsearchofwondercom)

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

    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.