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

请记住这两个 css，正确注释它，就像您在主题的其他地方收到任何错误一样，您就会知道这个 css 导致了它。如果您能够为该页面添加 ID，则只需在前面添加 ID，以便此 css 仅影响该特定 ID。

更新 1：

要删除图像和页脚附近的空白区域，请执行以下操作：

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

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