[Jared Atchison]

Copy:

wp-content/plugins/bbpress/templates/default/css/bbpress.css

to:

wp-content/themes/[YOUR-THEME]/css/bbpress.css

And that’s all it takes 🙂

bbPress will auto-detect the CSS file in your theme and use that instead of it’s own.

[ZachMatthews]

Guys –

In my particular layout, the ‘Forums’ page is incorrectly calling to the ‘threecol’ CSS tag instead of ‘onecol’. The topics page is calling to ‘onecol’ correctly and lays out fine. I am using a four column layout with a sidebar, and I need the BBpress unit to take up the entire space except for what is in the sidebar.

Broken layout:

http://www.itinerantangler.com/blog/podcasts/boards/

Fixed layout:

http://www.itinerantangler.com/blog/podcasts/boards/board/fly-fishing/

I can edit the forums CSS tags live using Chrome’s “inspect elements” tag and make it lay out properly, but I don’t know where to make those changes amongst all the BBPress php files.

My question is simple: where does BBPress get its CSS directions for the Forums page? It has to be in one of the php sub-files. I just need to change that one CSS tag and it ought to work properly.

Thanks,
Zach

[ronangelo]

On line 889 of your theme’s styles.css you have a style that hides the replies

.reply {
    display: none;
}

Just remove it.
Or you could add this code if you have a custom css option.

#bbpress-forums .reply {
    display: block;
}

[ZachMatthews]

So I can see what’s happening in the CSS elements. For the “Forums” page, the layout is calling to the “threecol” CSS class as opposed to “onecol.” When I use my Chrome editor to change the tag live, I can make it lay out properly. However, I am not sure where the actual “threecol” versus “onecol” decision is being made, so to speak, for the forums page. One of the php files? The master index php?

Any help would be greatly appreciated. In the mean time I think this qualifies as a bug.

[nick robinson]

How do I enlarge or alter the colour of these tags?

I’ve added this code to the end of bbpress.css without luck

#bbp-forum-title {
font-size: 16px;
}

Are they picking up the h3 style after this css is processed?

[Robin W]

From the sticky on the upgrade put the following into your CSS

`.bbp-search-form {
display:none !important;
}`

[sniper078]

Hello,

Here is my problem :

The path
http://concours-bonsplans.be/forums/ don’t show good, I always see my sidebar and the visual aspect is not good but when I go on a topic, example : http://concours-bonsplans.be/forums/forum/bons-plans/ the look and feel is now good.

How can I make the http://concours-bonsplans.be/forums working good like the topic and without the sidebar.

Regarding the sidebar I only modify my css template file (display none for sidebar 1).

Hope that someone have an idea.

Regards,

Antoine

[John James Jacoby]

This CSS rule is getting in the way:

`#content .post ul li,
#content .page ul li,
#content article ul li,
.catalyst-widget-area ul li {
margin: 0 0 0 20px;
list-style-type: square;
}`

You`ll probably want to make these rules more specific to your needs, or write a bit of CSS to reset these in your forums.

[probablynot]

For people wanting to hide the new search box, add this to your theme’s CSS:
`.bbp-search-form {
display:none !important;
}`

For the admin area, after further investigation, the only reason I saw the Forums, Topics and Replies menus at all was because of my Post Calendar plugin. Once I disabled that, the Admin menus for bbPress disappeared entirely.

And I’m with @wildomains, I had to disable ‘bbPress moderation’ to get to see the posts. I want to have that plugin, so hopefully either they will update, or whatever change in bbPress broke it can be changed back.

[jezza101]

Great, thanks for the new release. Always exciting to see new bbpress updates :)! Couple of comments from me.

Search
I’ve traditionally used Google search to search across my whole site, is there an easy way to switch the new form off? It appears to be forced upon the main forum list page.

It is also not looking great on my sites main forum page, what’s the easiest way to style this, what can I add to my CSS file to change the look? See here.

Stats
For those looking, the Stats shortcode is [bbp-stats], there is also a widget. https://bbpress.trac.wordpress.org/ticket/2052

Is it possible to style the output?
Can I control which stats are shown? For example “empty tags” isn’t something I really want to boast about on my forum!

[lasticko]

I’m with you on this — I posted the previous topic in this forum on basically the same topic (need to keep main WP theme, but just looking to make the bbpress forums cleaner looking).

All I got was a generic “here’s the bbpress page on modifying your theme” and without being a master PHP/CSS/HTML guru, that theming page is a bit intimidating and confusing.

What would be GREAT is if someone said “Here, do this ”
1) Create a directory off your Theme’s dir called “my-templates”
2) Drop these files in there for an example clean looking bbpress theme
3) You can modify THIS and THAT file in this example to suit your needs.

Maybe I’m oversimplifying, but bbpress, with all of its advancements, HAS to have some drop-in example themes… ?

Lets hope both of us get a simple example we can try out.

[dejonibra]

Good day,
I’m new to bbpress and have a question.
I would have liked to show off like this http://www.onemorething.nl/community/forum/
Can anyone tell me what is the easiest way to do this?
I have knowledge of php and html and a little bit of CSS.

Thank you!

[DeanGrey]

Has anyone had any luck in including the ability to change the style of their bbpress forum? I am going to create a day/light and night/dark bbpress.css file. I want my users to be able to switch from one to the other.

If nothing like this has been done before or exists, then could you point me in the right direction to acquire the know-how to do this myself? Thank you.

[lucop1]

Hi,

i’ve just installed buddypress 1.7 and bbpress 2.2.4.

I created a custom theme for bbpress doing the following steps:
1. create a folder bbpress inside wp-content/themes/mytheme/
2. moved all the php files that were inside plugins/bbpress/templates/default
3. moved the css file inside wp-content/themes/mytheme/css/

after that

I turned on the functionality to include the bbpress forum inside buddypress groups but I found and issue with the topic subscription and add to favorites.

Because when i click on that link in the single topic view it open a blank page.
I checked the bbp-function.php files stored in plugins/bbpress/templates/default and I found that it enqueue all the ajax function for the topic subscribe option and add to favorite options.

But when I go the forum page inside BuddyPress Group and open the source code I don’t see any enqueue ajax files or functions.

So what should I do to let it works?

thanks

[Robin W]

This is probably a dumb question, and you’ll point me to a much easier solution!

Also I am still very new to wordpress, so understand a little of css and php’s but not tons. I’ll use thing and thingy a lot as well, so as not to embarrass myself with the wrong technical terms.

I am using bbpress 2.2.4 on WordPress 3.5.1 with a twentyten child theme that does a few minor mods.

Welcome

I am setting up a forum, but don’t want users to see the WordPress toolbar, as this is outside the theme.

But I do want users to be able to change their password and details.

I am using the bbpress login widget in the bbpress sidebar, and by clicking the avatar or their username, users can get to a theme friendly profile page that lets them do just this.

However clicking the avatar is not instinctive, and I’d like (in the absence of a more obvious solution) to add a thingy to the bbpress sidebar that says “amend profile/change password” which when clicked takes you to the same place that clicking the avatar does (or some similar solution)

From searching on the forums, I have found the line within the widget that does this for the avatar (around line 140) which looks like

a href=”” class=”submit user-submit”><?php echo get_avatar( bbp_get_current_user_id(), '40' ); ?
But have no idea how to then use this or other code to achieve the goal.

Any good ideas, or is there a very basic solution I’ve missed.

Thanks

[Robin W]

This is probably a dumb question, and you’ll point me to a much easier solution!

Also I am still very new to wordpress, so understand a little of css and php’s but not tons. I’ll use thing and thingy a lot as well, so as not to embarrass myself with the wrong technical terms.

I am using bbpress 2.2.4 on WordPress 3.5.1 with a twentyten child theme that does a few minor mods.

I am setting up a forum, but don’t want users to see the WordPress toolbar, as this is outside the theme.

But I do want users to be able to change their password and details.

I am using the bbpress login widget in the bbpress sidebar, and by clicking the avatar or their username, users can get to a theme friendly profile page that lets them do just this.

However clicking the avatar is not instinctive, and I’d like (in the absence of a more obvious solution) to add a thingy to the bbpress sidebar that says “amend profile/change password” which when clicked takes you to the same place that clicking the avatar does (or some similar solution)

From searching on the forums, I have found the line within the widget that does this fro teh avatar (around line 140) which looks like

‘<a href="” class=”submit user-submit”>

But have no idea how to then use this or other code to achieve the goal.

Any good ideas, or is there a very basic solution I’ve missed.

Thanks

[afjsystem]

hi @chrisp2408 , here my forum http://tanyajawabforex.com/forums/

and fixed anyway.. thanks to this threads.

[afjsystem]

Eureka…!!! sorry, i don’t mean to spam this thread. but finally i made it fixed.

hope this help for others
these is my installation : WP 3.5.1 (multisite subdir)+ BP 1.7 rc1 + Bbp 2.3 rc1
by default it should work to any themes..

my trouble previously : (look above)

Managed fullwidth : (thanks to @jaredatch)
– identify your theme’s file with fullwidth.php
– rename that file to bbpress.php
– you’ll get no sidebar, meaning your forum is fullwidth

Removing dot list style : (thanks to @jaredatch again)
– put the code below into your main theme css. ussually called style.css

#bbpress-forums li {
margin: 0;
list-style: none;
background: none;
padding: 0;
}

– you SHOULD put under #main area and not in #sidebar or other IDs.

that’s all.
cheers

[Chrisp2408]

@afjsystem – What is the url of your forum so I can take a look.

Chris

[afjsystem]

hi @Chrisp2408 , i have same problem but now i saw your forum already fixed.
i putted @jaredatch suggestion into my theme’s style.css, but the list style won’t disappear.

will you help me by share what you do so the forum look nice ?

thanks

[afjsystem]

Putting this in your theme’s CSS will be a start, but you’ll likely need more CSS tweaks as you go to play nice with your theme.

#bbpress-forums li {
margin: 0;
list-style: none;
background: none;
padding: 0;
}

i tried @jaredatch by putting above code in my theme’s style.css. but still the list style appears..

need more help here please…

[afjsystem]

o sorry @mzaweb, because itu no ‘:’ in the http url sorry.. here is the url http://tanyajawabforex.com/forums/

i managed it full width, but the list style still appears. (thanks to @pimarts)

https://www.dropbox.com/s/79dnu5ndrm2gyz0/bbpress%20liststyle%20trouble.png

now i’m reading thread https://bbpress.org/forums/topic/assistance-with-css-not-working-please/. it’s @jaredatch solutions. hope it’ll work.

any more suggest while i try @jaredatch solution ?

[inkrap]

Alright, first off let me explain what I’ve done so far. For my forums, I have created a forum-specific sidebar.

sidebar-bbpress
` div id=”sidebar”>

?php
if (!function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘bbpress’)):
endif;
?>

`

And registered the sidebar in my function.php
` register_sidebar(array(
‘id’ => ‘bbpress’,
‘name’ => ‘bbpress’,
‘before_widget’ => ‘div class=”widget”>’,
‘after_widget’ => ‘/div>’,
‘before_title’ => ‘h4>’,
‘after_title’ => ‘/h4>’,
));
`
And I pull it in my forum.php by:
`?php get_sidebar( ‘bbpress’ ); ?>`

In my css I’m able to customize the forum’s #main by referencing “#main.forum”, so I can specify widths that will only affect the forum, etc.

Now for my issue, how the hell do I change sidebar information ONLY in forums? I’ve tried referencing #sidebar.forums, but it doesn’t classify the sidebar as a forum sidebar.

[geekdream]

Hello guys! I’ve installed bbPress 2.3 (because another guys told me to install that version for resolve my display issue but don’t work too.) on WP 3.5.1.

All works fine, the installation and the users integration are good, but the forum page is not displaying well. i think depend by an conflict of the theme CSS and bbpress CSS, so i’ve tried to copy the bbpress.css in wp-content/themes/Avenue/css but dont work too…

the link is http://www.geekdream.it/forum

sorry for bad english !!

Thanks all! cheers!

[Jerry]

I have the same problem- firefox only. On user profile pages Topics Started and Replies Created do not appear- only the title. I added this code from a bbPress forum (3 months, 3 weeks ago) to my WP style.css file:

.bbp-user-section {
overflow: auto;
}

and this code:

#bbpress-forums .bbp-user-section ul.bbp-topics {float: left !important;}

and both together and no change

I have spent time on the forums, but maybe there is a solution somewhere that I missed.

Thank You

WP 3.5.1
bbPress 2.2.4
Thematic Theme