Dead space below footer when there isn’t a lot of content on my page/post

vfteam5d4913a74a · Member · Sep 22, 2025 at 1:52 pm
Copy link

Add topic to favorites
Hi, I’m having a very frustrating issue with my website spacing. When there isn’t a lot of content on a page or post, the footer sits up really high and there’s a ton of dead space below it.

I’ve tried classic fixes like using custom CSS to set 100vh, but that doesn’t work. Here’s the current custom code I’m trying (that DOES NOT WORK):
```
html, body {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}

#page, .site-content {
  flex-grow: 1 !important;
}

.site-footer {
  margin-top: 0 !important;
}
```
The blog I need help with is: (visible only to logged in users)
vfteam5d4913a74a · Member · Sep 22, 2025 at 1:54 pm
Copy link
The first screenshot didn’t do the issue justice, since the dead space just blends in with the forum background, so I took a second one. You can clearly see the dead space here.
cailebeth · Member · Oct 6, 2025 at 11:24 am
Copy link
Hi @vfteam5d4913a74a!

Thank you for sharing this information and these screenshots with us!

To start, I wanted to mention that our support is limited for third-party themes, and you can learn more about our scope of support here: https://wordpress.com/support/plugins/get-help-with-plugins-and-themes/.

That being said, you can learn more about how to adjust spacing between blocks in this support guide: https://wordpress.com/support/wordpress-editor/adjust-the-space-between-blocks/.

We also have block dimension settings, which allow you to use negative numbers for the margins, if you’d like. We have more information on these settings here: https://wordpress.com/support/wordpress-editor/block-dimensions-settings/.

No items found.