White Space Before Header and After Footer Twenty Seventeen

  • Has anyone noticed some white space at the very top when you create pages? The front page does not have this problem. But any pages you create have some white space, just before the header image. On my site I added a background color to class=”site-footer”. And I noticed the newly created pages also have this white space at the bottom, if there is not enough content on the page to push the footer down. Meaning the background color isn’t being applied. I have looked at the header.php and I think the white space is as a result of this <html <?php language_attributes(); ?> class=”no-js no-svg”>. Can Anyone help me with how I can remove this white space?

    <html <?php language_attributes(); ?> class=”no-js no-svg”>
    <head>
    <meta charset=”<?php bloginfo( ‘charset’ ); ?>”>
    <meta name=”viewport” content=”width=device-width, initial-scale=1″>
    <link rel=”profile” href=”https://gmpg.org/xfn/11″&gt;

    <?php wp_head(); ?>
    </head>

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I can’t replicate the whitespace at the top of the page, would you be able to show us a page with the problem?

    To get the footer stuck to the bottom follow this tutorial: https://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page – It may involve restructuring the HTML as well.

    Thread Starter miakurt1

    (@miakurt1)

    Thank you Andrew. I will take a look at the tutorial. I will take a screenshot of the page with the problem. I just need to figure out how to upload it to this forum.

    Thanks

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You can upload it to an image sharing service and link us to the image.

    Thread Starter miakurt1

    (@miakurt1)

    Hi Andrew, Thanks for all your help with wordpress twenty seventeen theme. I am having fun using it. Here is the link to a test page cimienergy.com/test/ showing the gap or white space at the end, after the footer.

    On another topic, I want to display articles on a page called Articles. I want to add topic titles in columns, but 2 topics with an intro side by side followed by a Read More link which takes you to the rest of the article. While in the Articles page, I have tried using the insert/edit link option. It works but it’s not great.

    Please can you recommend a plugin to do this. Or is there some way I can already do this without using a plugin?

    Thanks in advance

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The gap at the top of the page is caused by the “margin-top: 10px” CSS inside the “Additional CSS” section (https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress):

    

body, button, input, select, textarea {
    color: #666;	
	font-family: "Droid Sans", sans-serif;
	font-size: 15px;
  font-size: 0.99rem;
  font-weight: 400;
  line-height: 1.91;
	margin-top: 10px;
}

    And then again in your Child Theme style.css file:

    
body, button, input, select, textarea {
    color: #666;	
	font-family: "Droid Sans", sans-serif;
	font-size: 15px;
  font-size: 0.99rem;
  font-weight: 400;
  line-height: 1.91;
	margin-top: 10px;
}
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I cannot see the white space at the bottom of the footer, however the link to https://cimienergy.com/test/ no longer produces a page so that may be the cause.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘White Space Before Header and After Footer Twenty Seventeen’ is closed to new replies.