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)
  • 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

    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.