WordPress.org

Ready to get started?Download WordPress

Forums

Clean Retina
[resolved] Reduce Header Whitespace (4 posts)

  1. justin@insearchofwonder.com
    Member
    Posted 9 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

  2. justin@insearchofwonder.com
    Member
    Posted 9 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

  3. justin@insearchofwonder.com
    Member
    Posted 9 months ago #

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

  4. LysaGreer
    Member
    Posted 7 months ago #

    Thanks, Justin! This worked for me also :)

Reply

You must log in to post.

About this Theme

About this Topic