White Space Above Content

  • Author
    Posts
  • #81256
    ehiamazing
    Member

    I’m trying to get rid of the extra white space that has appeared between what would be the featured image area (right now a blue line) and my content.

    Example: http://energetichealthinstitute.org/admissions/faqs/

    The blog I need help with is: (visible only to logged in users)

    #81421
    thelukemcdonald
    Theme Author

    It looks like the whitespace may be added via some CSS customizations that have been added. You might want to look at tweaking your CSS to see if the whitespace is removed.

    #81426
    ehiamazing
    Member
    Original poster

    Hmm…I used the following CSS code to shrink the size of the blue bar across the top of my pages (this is where a featured image would typically appear)

    .site-header .site-branding {
    margin-top: 1px;
    }

    Could this have caused the white space?

    #81432
    thelukemcdonald
    Theme Author

    It looks like the site branding background color was removed, which shows the page background color. Maybe try setting the site header height to 0 too.

    .site-header .site-branding {
      margin-top: 1px;
      height: 0;
    }
    #81435
    ehiamazing
    Member
    Original poster

    This works…it removes the blue bar as well.

    #81516
    thelukemcdonald
    Theme Author

    Great, good to hear!

  • The topic ‘White Space Above Content’ is closed to new replies.