bbPress css -主题隐藏了面包屑
bbPress css -主题隐藏了面包屑
提问于 2017-12-21 04:19:04
我已经在我的网站上安装了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/
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-12-21 08:34:22
面包屑隐藏在：
.bbp-breadcrumb {
display: none !important;
}您所看到的是，它由一个类和一个!important来寻址。一个类不是问题，但是!important是问题(并且通常被认为是糟糕的实践)。
克服这一问题的最简单的方法是使用一个额外的类来处理同一个bbp-breadcrumb，这个类就在上面。例如：
.entry-content .bbp-breadcrumb {
display: block !important;
}您也可以使用上面的bbpress-forum ID，但这通常也被看作是不好的实践。再一次，绝望的时候需要绝望的措施;-)
Stack Overflow用户
发布于 2017-12-21 05:25:32
尝试用JS为类添加一个id。
document.querySelector('div.bbp-breadcrumb').id = 'breadcrumb';这将将id添加到元素中，然后在css中使用
#breadcrumb {display:block !important;}由于id优先于类，所以我认为这应该有效。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47917879
复制相关文章
相似问题
腾讯云开发者
