Skip to:

2.2 and Theme Compatibility

  • nickzee


    Dear community.

    I have spent the last few (5) hours reading the various posts, trying to get bbpress to integrate with my custom WP theme. Unfortunately, I don’t have the knowledge (or enough) to figure out how to make the two work together.

    Wordpress: 3.4.2
    Site link:
    Using this theme:
    bbpress: 2.2

    My main issue seams to be css related. I think bbpress is and the theme are sharing css files, causing a funky appearance. Overall forum function seems to be working fine.

    So far I’ve done the following.

    Completely removed bbpress and installed new 2.2 version.
    Read: (this is for customizing the bbpress theme, if you want? And if you don’t, then leave the install as is?)
    Watched: (not sure if this applies with 2.2)
    Switched to Twentyeleven: Looks better, side bar is missing, and footer contact form, map and links are over top one another.

    I can see in firebug where both style.css and bbpress.css are being used to style the forum. Most specifically #page-content ul li. This, I believe, is causing the issues but not quite sure how to fix it.

    Thank you in advance for the assistance.

Viewing 3 replies - 1 through 3 (of 3 total)

  • John James Jacoby


    It’s a bit difficult to wrap your head around at first, but the reason theme compatibility exists, is because you should not modify code/templates that come with plugins or themes. When using a plugin like bbPress, and a theme that isn’t yours, you need some other way to introduce code into WordPress.

    You can use either a plugin, or a child theme to do this.

    You’ll want to research both methods, and figure out which one suits your situation and needs.



    Thank you for the prompt reply.

    I was able to create a child theme and activate it.

    Not sure how to make the bbpress css primary over the default theme css since at the beginning of the child theme I import the default theme css. With the child activated it looks the exact same.

    Thank you again for your help. Is there any way to donate a gift for helping me out?

    It doesn’t look like things are too messed up. Although it’s not always the best method in this case I would recommend using the !important tag in your css for bbpress. This will only override the theme when the bbpress-forum tag precedes it therefore not effecting the rest of the site.

    Specifically you should follow the instructions to move the css into your theme directory and then modify line 62 of the bbpress.css found in your theme/css folder. You’ll need to add !important before the ; and after your list-style and margin entries. In order to get rid of the stars you’ll have to add a line of css defining the “a” style within the bbpress-forum. You’ll need to set the background to none and the padding to 0.

    Hope that helps.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.
Skip to toolbar