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
  视频博客-bbpress.css

不知何故，渲染似乎覆盖了bbpress.css。

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

请查看真实网站http://italiancrypto.it/forums/

Answer 1

尝试使用JS

为.bbp-breadcrumb类添加一个id

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

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

#breadcrumb {display:block !important;}

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

Answer 2

面包屑隐藏在：

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

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

解决这个问题的最简单方法是，使用额外的类bbp-breadcrumb来解决这个问题。例如：

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

你也可以使用上面的bbpress-forum ID，但这通常也被认为是不好的做法。然后，绝望的时候要求绝望的措施; - ）