如何缩小WordPress GeneratePress主题内容与页脚的间距

以下是几种针对性的解决方法，按优先级尝试：

• 优先用主题自带布局设置调整
  GeneratePress内置了间距控制功能，无需直接写CSS：

  1. 进入WordPress后台「外观」→「自定义」→「布局」→「内容」
  2. 找到「内容底部间距」选项，调小默认数值（比如从40px改为20px）
  3. 同时可在「布局」→「页脚」中调整「页脚顶部间距」，进一步压缩空白区域

• 用精确CSS选择器覆盖（若主题设置无效）
  之前自定义CSS无效大概率是选择器优先级不够，试试以下代码：

  /* 调整内容容器底部间距 */
  body .site-content {
      margin-bottom: 20px; /* 按需修改数值 */
  }
  
  /* 移除内容区域最后一个元素的底部边距（比如空段落） */
  body .site-content > *:last-child {
      margin-bottom: 0;
  }
  
  /* 调整页脚小工具区域的顶部间距 */
  body .footer-widgets {
      padding-top: 20px; /* 按需修改数值 */
  }
  

  将代码添加到「外观」→「自定义」→「额外CSS」中，实时预览调整效果。

• 排查空元素或冗余组件

  1. 进入「外观」→「小工具」，检查页脚上方区域，删除空文本、HTML或无用组件
  2. 打开页面编辑器，删除内容底部的空段落（<p></p>）或空白块

内容的提问来源于stack exchange，提问作者Kevin Fiadzeawu