Remove white space above header and below footer

  • Resolved greeninglaw

    (@greeninglaw)


    1 year, 8 months ago

    Howdy,

    I think I am going crazy! I’ve tried everything I can find on other support threads but can’t figure out how to remove that pesky white space above the header and below the footer on my site.

    For reference, I’ve tried each of the following:

    • .page .post-inner { padding-top: 0; }
    • .wp-block-template-part { margin-top:0; }
    • .page-template-template-cover #site-content .post-inner { padding-top: 0px; }

    After adding the above to the “Additional CSS” tab in the Customizer, I am adding the CSS class to the element (the header). Nothing seems to change in any of the above cases.

    I’m new to this, so if anyone can help me identify what I’m doing wrong, I would be so very grateful!

    EDIT: RESOLVED

    • This topic was modified 1 year, 8 months ago by greeninglaw.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Kathryn Presner

    (@zoonini)

    @greeninglaw Glad you got it sorted!

    Just so you know – and for the benefit of anyone finding this thread – in a block theme like Twenty Twenty-Two that uses the Site Editor, there is a way to zero out padding in post places, without needing any custom CSS.

    Some site-wide padding you can zero out at Appearance > Editor > Templates, by clicking the Styles icon at the top right, then Layout.

    From there, unlink the four sides, and click the “Use size preset” icon.

    Finally, in the Top field, enter 0.

    For other blocks like your footer’s Group and Row blocks, look for the Padding area in the Dimensions panel and follow the same steps of unlinking, toggling off “Use size preset” and entering 0 on the top and/or bottom margins, as needed.

    More about Dimension settings.

    • This reply was modified 1 year, 8 months ago by Kathryn Presner. Reason: fixed typo
    Moderator Kathryn Presner

    (@zoonini)

    Finally, in the Top field, enter 0.

    Oh, you can also enter 0 in the Bottom field as well – that should remove some of the padding at the very bottom of the page.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove white space above header and below footer’ is closed to new replies.