css - (Wordpress CSS) 如何在 404 页面上隐藏面包屑和多余空间？

Question

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

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

我还想消除此页面上的所有空白区域。

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

谢谢 :-)

尝试了下面的 CSS

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

Answer 1

隐藏面包屑:

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

删除空格:

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

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

更新 1:

要删除图像和页脚附近的空白区域:

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

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