(Wordpress CSS) 如何在 404 页面上隐藏面包屑和额外的 space？

Question

我只想从我的 404 页面隐藏面包屑。

尝试了下面的 CSS（在另一个线程中找到）但没有雪茄。

我还想删除此页面上的任何白色 space。

https://www.awesomedogtoys.com/404-2/

谢谢:-)

尝试了下面的CSS

.page-id-5063 .woocommerce-breadcrumb {
display:none;
}

Answer 1

隐藏面包屑：

.main-container .breadcrumbs {
    display: none !important;
 }

去除白色space:

.main-container .entry-header {
    margin: 0 !important;
}

记住这 2 个 css，正确地评论它，就像您在主题的其他地方遇到任何错误一样，您会知道是这个 css 引起的。如果您能够为该页面添加 ID，则只需在前面添加 ID，这样 css 只会影响该特定 ID。

更新 1：

要删除图像和页脚附近的白色 space：

.main-container .page-content {
    padding: 0 !important;
}

仍然会有一些间距，但这不是因为边距或填充，而是因为容器的高度。