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。

• 我应该使用什么代码来显示面包屑？
• 已经安装了一个插件（简单自定义CSS）来编写自定义CSS，我应该在那里写什么才能让论坛痕迹可见？

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

Answer 1

面包屑隐藏在：

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

你看到的是它由一个类和一个!important解决。一类不是问题，但是!important（通常被视为不良做法）。

解决这个问题的最简单方法是通过额外的类来解决相同的bbp-breadcrumb问题。例如：

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

您也可以使用上面的bbpress-forum ID，但这通常也被认为是不好的做法。然后，绝望的时候呼吁采取绝望的措施;-)

Answer 2

尝试使用JS为类.bbp-breadcrumb添加一个id

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

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

#breadcrumb {display:block !important;}

由于id优先于class，我认为这应该有效。