Using globally-scoped CSS to style elements and override classes in WordPress, like the garden-variety style.css. It has nothing to do with bbstyle.
Ex.
#bbpress-forums {
font-size: 14px !important;
font-weight: 500 !important;
font-family: Roboto !important;
}
.bbpress-wrapper {
font-size: 14px !important;
font-weight: 500 !important;
font-family: Roboto !important;
}
.bbp-breadcrumb, .bbp-breadcrumb-home {
font-size: 14px !important;
font-family: Roboto !important;
}
.bbp-topic-permalink {
font-size: 15px !important;
font-weight: 500 !important;
}
.bbp-header, .bbp-reply-author {
background-color: #F8AA3C !important;
font-size: 16px !important;
font-family: Roboto !important;
}
I wasn’t referring to bbs style pack but to global CSS overrides in BBPress.
I’m guessing this forum software doesn’t like Dropbox image links.
No, it’s a WP 6.3.1 site I built specifically to test BBPress. It’s mostly just Elementor and Astra (Pros), the Classic Editor, Simple Custom CSS and JS PRO and BBPress. It’s behavior I haven’t seen with CSS overrides in WordPress before.
As you can see, the class specifies Roboto for the breadcrumb but it’s showing a serif font, even in the sample rollover in Inspector’s Styles window. The class works fine from the parent page but not in /forums/topic/
One thing I noticed as I was using CSS to re-style BBPress is that the CSS classes don’t carry over to individual discussions. That is, if I create a bunch of class overrides for the main page, in my test case /alpha-site, they go away under /forums/topic/. In Inspector it looks like the page defaults back to bbpress.min.css, overriding those class overrides.
Any way around this?
