bbPress css - 主题隐藏了面包屑

Question

我在我的网站上安装了 bbPress，我的主题覆盖了一些我不想要的 bbPress css。

使用以下代码隐藏论坛面包屑：

div.bbp-breadcrumb, div.bbp-topic-tags {
    font-size: 12px;
}
bbpress.css?ver….5.14-6684:404
div.bbp-breadcrumb {
    float: left;
}
vlog-bbpress.css?ver=1.8.1:335
.bbp-breadcrumb {
    display: none !important;

如图所示，CSS 来自两个不同的文件：

bbpress.css
vlog-bbpress.css

渲染似乎以某种方式覆盖了 bbpress.css。

我应该使用什么代码来使面包屑可见？
安装了一个插件（Simple Custom CSS）来编写自定义 css，我应该在那里写些什么才能使论坛面包屑可见？

请看这里的真实网站http://italiancrypto.it/forums/

Answer 1

尝试使用 JS

向 class.bbp-面包屑添加一个 id

document.querySelector('div.bbp-breadcrumb').id = 'breadcrumb';

这会将 id 添加到元素中，然后在您的 css 中使用

#breadcrumb {display:block !important;}

因为 id 优先于 class 我认为这应该可行。

Answer 2

面包屑被隐藏：

.bbp-breadcrumb {
    display: none !important;
}

您看到的是由一个 class 和一个 !important 寻址的。一个 class 不是问题，但 !important 是（通常被视为不好的做法）。

解决这个问题的最简单方法是在同一个 bbp-breadcrumb 上添加一个额外的 class，它位于其上方。例如：

.entry-content .bbp-breadcrumb {
    display: block !important;
}

您也可以使用上述 bbpress-forum 的 ID，但这通常也被视为不好的做法。话又说回来，危急时刻需要危急措施;-)

bbPress css - 主题隐藏了面包屑

bbPress css - theme has hidden breadcrumb

html

css

wordpress

bbpress