How do I remove the White space between page header and page content?

  • How do I remove the excessive white space between the page headings and content? When I hover in the white space, an Edit button appears, and if I click it, the page is editable. I’m assuming the button is only appearing because the site isn’t live yet and I’m the owner.

    I had my site edited and checked by a usability expert. Both reviewers flag this extra white space as a problem, especially on phones and tablets.

    I have seen other complaints about excessive white space in Evolve, but none of the solutions seem to work. Is there something I can put in my Custom CSS on Theme Options to close this space? I’m not a programmer, so I need a simple fix.

    My site is not live. If it needs to be live in order for you to see the problem, please message me and I will make it live.

    Thanks!

    Thanks,

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi there,

    As you said, the edit button does not display when a user visits that is not logged in.

    In order to reduce the size of the gap, place this code in the custom CSS area of the theme:

    .entry-content {
  margin-top: 10px;
}

    But change the value of the number of pixels to suit. I have it set to 10px and it looks fine, with a reduced space.

    Obviously you will need to make your site live and make sure you are logged out in order to see how it will look to non logged in users.

    Thanks

    Thread Starter freshkandb

    (@freshkandb)

    Hi innuvo. Thanks for the code. I’ll try it out. I actually had to release the site last week with a different theme that does not have the issues currently in evolve. Someone at WordPress made me a child theme to solve the only issue I had with the new theme.

    My site is freshkitchenandbathdesign.com. I’m torn because I really like all the fonts and header customization options available in evolve. The evolve author just posted that the update has been approved for release and will be available soon. Will have to see which one I end up liking best.

    I’m guessing the code above would work on any theme that has custom CSS if I want to reduce space in that area.

    Regards,
    Anne

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do I remove the White space between page header and page content?’ is closed to new replies.