• Resolved Rod Mitchell


    Hi there. Very happy with this theme (twenty-twenty-one). Only one problem. There’s a huge amount of space between the end of the page content and the footer. Tried everything to get rid of it but nothing helps. Tried loads of CSS options from ChatGPT. No good. Does anyone know how I can reduce this space please?

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

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


    Hi @roderickhdm – you can reduce the space above the footer widget area by adding this to your custom CSS under Appearance > Customize > Additional CSS:

    /* Footer Widget area */
    .widget-area {
      margin-top: 10px;

    You can adjust the pixel value as you like. If you prefer to remove all the space, replace 10px with just 0 (no unit needed when the value is zero.)

    Let me know how it goes!

    Thread Starter Rod Mitchell


    Kathryn, you are a star. I’ve tried everything to correct this. I’ve even spoken with my new pal ChatGPT, who sent me on several fool’s errands. But only you, brilliant Kathryn, have come up with the goods. Just goes to show that women do have a purpose in life. Seriously, though, thank you very very much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘white space’ is closed to new replies.