css - （Wordpress CSS）如何在 404 页面上隐藏面包屑和额外空间？

Question

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

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

我还想消除此页面上的任何空白。

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

谢谢 ：-）

尝试了下面的 CSS

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

标签： csswordpresshttp-status-code-404

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;
}

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