我正在尝试从我网站上的特定页面隐藏页眉和页脚。我正在使用我在线下载的主题。我想隐藏的具体页面是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;}
答案 0 :(得分：1)
将visibility属性用作隐藏。 喜欢[visibility：hidden] 在您的标题类/ ID。
答案 1 :(得分：0)
请尝试使用以下代码删除header-outer，header-space和footer-outer
.page-id-5321 #header-outer, .page-id-5321 #header-space, .page-id-5321 #footer-outer {
display: none;
}
答案 2 :(得分：0)
我认为如果你使用wordpress，在你的特定页面中可以使用其他标题或/和其他页脚。 变化
get_header();
到
get_header('<other header file>');
与页脚相同
答案 3 :(得分：-1)
试试吧
<div id="header-space" class="hide">xyz</div> and <div class="show" id="footer-outer">abc</div>
csscode：
.hide {显示：无;} .show {显示：块;}
如果你需要隐藏一个块/部分，那么只需添加class：hide to HTML或显示使用类名，如上所述。
希望它会奏效。如果不是，则还原。