htmlcsswordpressbbpress

bbPress css - theme has hidden breadcrumb


I have installed bbPress in my website and my theme override some bbPress css which I do not want.

The forum breadcrumb is hidden with the following code:

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;

As you can see in the picture the CSS comes from two different files:

bbpress.css
vlog-bbpress.css

Screenshot

Somehow the rendering seems to override bbpress.css.

Please look at the real website here http://italiancrypto.it/forums/


Solution

  • The breadcrumb is hidden by:

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

    What you see is that it is addressed by one class, and an !important. One class isn't a problem, but !important is (and is generally viewed as bad practice).

    The easiest way to overcome this, is by addressing the same bbp-breadcrumb with an extra class, that's above it. For example:

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

    You could also use the above ID of bbpress-forum, but that is generally viewed as bad practice as well. Then again, desperate times call for desperate measures ;-)