使用Elementor自定义页脚后网站底部留白无法去除求助

数据老陈

2026-7-13

解决Elementor页眉页脚插件替换后页脚下方空白问题

以下是几种针对性的排查和解决方法：

检查Elementor页脚模板的内边距/外边距
打开Elementor编辑页脚模板，选中页脚容器，检查是否设置了过大的padding-bottom或margin-bottom，直接将其改为0即可。
排查主题全局容器的残留样式
部分主题会给页面全局容器（如#page、.site-content）设置padding-bottom来适配默认页脚，替换页脚后这个样式就会造成空白。通过开发者工具定位到该容器后，添加以下CSS代码：
```
/* 替换为实际定位到的容器选择器 */
#page {
    padding-bottom: 0 !important;
}
```
检查Elementor站点布局设置
进入Elementor后台的「站点设置 > 布局」选项，查看“内容长度”相关配置，确认没有强制给页面底部添加额外空白高度。
彻底移除主题默认页脚残留
若主题默认页脚只是被隐藏而非完全移除，其HTML结构可能残留空白。可以通过主题的functions.php文件添加代码彻底移除：
```
// 替换为主题实际的默认页脚钩子函数名
remove_action( 'wp_footer', 'theme_footer_function' );
```