使用自定义 CSS 隐藏页眉和页脚

Question

我试图从我网站上的特定页面隐藏页眉和页脚。我正在使用在线下载的主题。我试图隐藏的特定页面是 http://ai-home.com/dsme/

我安装了一个自定义 CSS 插件，以便我可以自定义此页面上的 CSS。我检查了页面元素，可以看出我很可能试图隐藏

div id="header-space" and div id="footer-outer"

在线阅读后我认为代码应该是

.page-id-5321 .site-header, .page-id-5321 .site-footer {
  display: none;
}

要么

.page-id-5321 .site-header-space, .page-id-5321 .footer-outer {
  display: none;
}

当我发布时，我没有看到页面有任何变化。我不是开发人员，所以我想在不影响我网站其余部分的情况下尽可能轻松地进行此编辑。

编辑：

尝试了一些建议并能够解决大部分问题，但现在我被底部的一个大灰色条卡住了，但我无法通过检查元素找到它。

编辑#2：所以 CSS 现在看起来像这样，但底部仍然有一个灰色条

#header-outer { display: none;}
#header-space { display: none;}
#footer-outer { display: none;}

原文由 bonition 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用隐藏的可见性属性。喜欢 [ visibility:hidden ] 在你的标题类/id 中。

原文由 Avinash Bangar 发布，翻译遵循 CC BY-SA 3.0 许可协议