[Gautam Gupta]

You would actually need to modify theme files, particularly the forum loop and CSS files to do that. It involves a bit of time and no one has tried to do it yet. I’ll see to it when I get time.

[ddlg2007]

Hi I have a question. How can I edit style.css without affecting my theme. So use the firebug to make changes but when I inspect objects the style is wp-content/themes/mytheme/style.css and i dont wanna edit my style of theme, only style of bbpress.

I try this:

Copy Files

If this is not a custom theme under your control (meaning you are not the author) you’ll want to copy the entire “/bbpress/bbp-themes/bbp-twentyten” folder into your “wp-content/themes/%YOURTHEMENAME%” folder, and modify your style.css to make it a custom Child Theme of whatever your current theme is. This is so theme updates don’t wipe

Add Theme Support

Now that you’ve got the files copied over, you’ll need to tell bbPress that you are in control of the theme situation. You do this by adding this to your functions.php file:

add_theme_support( ‘bbpress’ );out all your hard work later.

---

But dont work good because some subforums disappear and change the order. I like to stay like this with bbp-TwentyTen and modify aspects of my theme style.css without affecting primary.

[thetbasket]

Hi Travis,

Thanks for the response. My theme was different, as you had suggested, and I am working on it. Although I’m now in a little bit more of a complicated predicament because I am trying to use bbpress through buddypress, and on the buddypress install the forums options is not pointing the indicated page to the bbpress forums.

Anyway, I did misread or misunderstand your first suggestion – sorry about that. As far as creating a full-width template, I am nearly positive I did so (I created a template specifically for that page to be full width), but nevertheless I will double check next time.

I don’t want to get too deeply into this, but the fact that we use the word “blog” and “forum” already indicates that they are different even though they are both CMS’s. The issue is not that one is a CMS and the other is not, it is a matter of how the content is managed and it’s purpose.

A blog is a blog because, generally, one user is contributing the content that a multiplicity of users is commenting on. So a standard blog Write-and-Respond system works nicely, and works nicely even in a narrow space because it usually contains one article with comments on the article.

A forum, on the other hand, is a multiplicity of users creating multiple threads all scaffolded by an overarching structure of the forum and subforums. The way forums have been built thus far has been usually in a wide content format so users can see 1) The Thread title 2) The amount of replies 3) The last user that replied etc. etc. In other words, it is build upon a more horizontal management format, whereas the blog can get away with a more vertical format.

Of course now and into the future there will be all sorts of variations on this. But for the end user, I want a forum that is a forum, not a forum that is a blog. In other words, wide-formatted with the expected information that forums have traditionally contained up to this point.

The strong point of bbpress is its integration and especially it’s style integration. Anyone who has attempted to create themes for phpBB knows what a nightmare it can be. However, if you try to smush a phpBB forum in-between two or even besides one sidebar, see what happens. Not only that, but those sidebars from the blog are almost inherently irrelevant to the function of the forum. In other words — useless screen real estate being taken from what otherwise would be a smoothly functioning, articulated forum.

And I can understand that WordPress vanilla functions fine, and being opensource one could reprogram it into Duke-Nukem 3D, almost. As a user of wordpress, the most frustrating thing consistently is that I feel like I am hacking CSS and PHP files more than I am creating content, and perhaps this is because I am a bit persnickety and want a particular look, but a full width forum from a forum plugin? To me things like this (and there are enough) are just plain flaws in development. I shouldn’t need to hack anything to get a forum to operate in full width because that is how forums best operate according to contemporary standards. Perhaps you should need to hack to get something to operate somehow unique and fascinating, but hacking code to get something to perform as you would expect it to – from your hours and hours and hours of forum experience? To me this is on the development teams shoulders.

Again, thank you so much for taking the time to reply. I may be back after I have a chance to try what you had suggested.

By the way, after installing buddypress all of the groups, member pages, activity pages, etc. were ALL operating on full width. The only part of the entire install that persists in operating between my sidebars is bbpress, and it is the only one I am dissatisfied with. So now I have to go through hours of who knows what to get something working the way it always has worked.

Again, bravo for bbpress, it’s a great project with a great future, and there is a lot to be said for it. But that doesn’t excuse it from what needs work, and for those of us who want to deliver content, we would much rather spend our time on managing the delivery of content than on managing the content management system.

I’d rather be spending this time developing the forum, not on developing the forum development software.

[dominornovus]

Q2: Seems like you got a useful answer here: https://bbpress.org/forums/topic/databases-1#post-93441

Q3: Using a web developer tool like Firebug will allow you to view the styles your admin panel has inherited: http://getfirebug.com/ If your styles are being ignored, Firebug will show you what’s overriding them. It will also tell you what style sheet the inherited CSS is contained in.

This could also be worth a try: http://webdesign.about.com/od/css/f/blcssfaqimportn.htm

[travis.hill]

@thetbasket, could you provide a URL, please?

…but was a no-go for me.

Your problem still exists because you probably have a completely different theme than that user did.

…but the sidebars still remained.

Are you using a Full Width Page Template? These templates do not have a sidebar. They are included with your theme. You select a template when you create a page.

I removed the div.bbp-breadcrumb in bbpress.css as suggested…

I didn’t suggest removing div.bbp-breadcrumb, I suggested removing the float:left from div.bbp-breadcrumb. You’ll probably want to style the breadcrumb.

But there was no change.

Again, this is probably because your not using a full width page template.

…but at the same time the function of a forum does not necessarily adhere to that format or fit appropriately within it.

Perhaps I shouldn’t have said “what WordPress is built to do”, because WordPress is nearly limitless. It’s only restriction is the ability of it’s builder. There is a solution to almost any problem within WordPress. Sure, a vanilla installation of WordPress is pretty limited, but alas, it can be extended to do very powerful things.

A forum software is exactly what WordPress is. A Content Management System.

A blog is a forum. A person creates a post (topic) and people comment (reply) on it.

A forum is a blog. A person creates a topic (post) and people reply (comment) to it.

A blog and forum are one in the same. How can it not fit appropriately?

For me, the benefit of having such a plugin is to have a forum that operates well and lightly as a forum on a wordpress site, not necessarily a forum that works within the confines of a wordpress post or page, which is not how forums have functioned nor probably how they best function – considering the horizontal space they typically need for the post title, user that posted, number of replies, and so on, which take up quite a bit of horizontal real-estate.

Again, I think your missing the full width page template.

And since the typical widget that would be placed on the sidebar of a blog would be unlikely to directly apply to the forum, what you have in the end is an unnecessary utilization of space that would – for the end user – probably be better used to create a forum which is less cramped, more spacious, etc. – especially when they have the option to access the widgets and sidebars by going back to the blog – that which those widgets and sidebars were likely created for in the first place.

The bulk of your post deals with your forum not “fitting” within a page, because of the sidebar. I understand where your coming from, so please verify that you are using a full width page template, as these typically don’t have sidebars. This should solve your sidebar issue. If you don’t have a full width page template, create one.

WordPress Codex: Creating Your Own Page Templates

The last resort, and not a good one, is to comment out the get_sidebar() code in your template files.

[thetbasket]

Thank you for the information.

I just tried the solution you had posted for a Full-width forum, but the sidebars still remained. It seemed to work for the other user, but was a no-go for me.

I removed the div.bbp-breadcrumb in bbpress.css as suggested and replaced it with:

.bbp-forums {

width: 100%;

}

But there was no change.

Any tips would be great. I can understand what you’re saying about how wordpress is built for a certain function, but at the same time the function of a forum does not necessarily adhere to that format or fit appropriately within it.

For me, the benefit of having such a plugin is to have a forum that operates well and lightly as a forum on a wordpress site, not necessarily a forum that works within the confines of a wordpress post or page, which is not how forums have functioned nor probably how they best function – considering the horizontal space they typically need for the post title, user that posted, number of replies, and so on, which take up quite a bit of horizontal real-estate.

And since the typical widget that would be placed on the sidebar of a blog would be unlikely to directly apply to the forum, what you have in the end is an unnecessary utilization of space that would – for the end user – probably be better used to create a forum which is less cramped, more spacious, etc. – especially when they have the option to access the widgets and sidebars by going back to the blog – that which those widgets and sidebars were likely created for in the first place.

[antonchanz]

Version 0.2 is out, more stable now. Much improvements over the bOingball version, even if you don’t have bbpress installed. The

Quote:

tag now supports

name wrote:

format in such a way that if name is the login name of a user on the system, it displays as their display name instead. Also if buddypress is installed, the display name becomes a link to their profile page. If buddypress isn’t installed but bbpress is, it links to their forum user page. I’ve also added css style classes to the html output, allowing for some interesting theme options…

[Good in Today]

Yes, thank you for your response dominornovus. I had just now figured out and corrected number one myself. I had Buddypress’s forums active and it was conflicting with bbpress.

The second one, well I only use the databases for WordPress and obviously Buddypress and bbpress. I just need to know if bbpress is using my mysql database for storing of the forums ( posts and such ) and if it is is there a way to use multiple databases’s with it, as I’m sure I’m not the only one using GoDaddy or the only one with this 1Gig database restriction. Or even if the 1Gig is going to be a problem. If it’s not do to some functionality by the software such as autogenerating a second database or whatever then I just need to know that.

And the third one I’ve already code for the css for the bar I want when I try including it it does nothing. The bar I’ve looked at his hooks are actually different than mine, now that might be from the css. I need to know what stylesheet to modify, I guess. I use Suffusion as my Theme and I tried adding a stylesheet into it’s backend to modify the admin bar but, as I said it did nothing.

[dominornovus]

Regarding Q1: I don’t see the problem. The URL reads like you want it to.

Regarding Q2: I’m not familiar with this though I reccomend asking at these websites purely because the problem seems broader than bbPress:

http://www.phpfreaks.com/forums/index.php?board=3.0

and

http://stackoverflow.com/

Regarding Q3: This can all be done by CSS. Do you have web developer tools for you browser? FireFox has Firebug and Chome has a similar property inspector. Just select the admin bar to find out what styles it’s inheriting. You can then override them in your own style sheet.

[dominornovus]

First and foremost, have you validated your code?:

http://validator.w3.org/

http://jigsaw.w3.org/css-validator/

Based on pages source code, the following is appended to the end of your page within the body tags:

<ul>



<li class="page_item page-item-1156">

<a href="http://fruitcity.co.uk/about-2/" title="About">About</a>

</li>



[...]



</ul>

I was expecting it to be a misplaced widget but the list does not have a class, id or typical parent div.

I can’t tell you why it’s occurring but I can tell you how to figure out why it’s occurring.

Sequentially disable blocks of code pertinent to that page and theme. e.g. style.css, functions.php and custom templates.

By process of elimination you’ll stumble upon the root of the issue. i.e. when the list no longer appears.

I’m ruling out that it’s a setting in the admin panel because the list doesn’t have an id or class.

It might be wise to run the validation checks I suggested. It could be something rudimentary like an element requiring a closing tag.

I’d tell you more if I could right click the page and use Chrome’s version of Firebug for property inspection.

[dominornovus]

What I want to achieve:

I’ve installed bbPress as a plugin for WordPress. I want to make a few simple changes to the bbPress bread crumb function:

bbp_breadcrumb();

I need the bread crumb separator to be double right arrows rather than the default single arrow:

I want to replace > with ».

I also want to add “You are here:”

Why I need this:

I need to match the styling and position the Yoast Breadcrumbs. Yoast Breadcrumbs is installed as a plugin for WordPress. It breaks on bbPress pages.

What I’ve tried:

Using conditions and CSS, I disabled the Yoast bread crumbs on bbPress pages. I also disabled the default bbPress bread crumbs but called it just beneath my primary navigation. Effectively, I’ve “moved” the bbPress bread crumbs.

To change the bread crumb separator I’ve researched JavaScript and jQuery string replacements but I’ve been advised that this is “hacky”.

My question:

What’s the conventional way of changing the output of bbPress function?

I can provide additional JavaScript, PHP and CSS code if required.

Live demo:

These two live examples highlights the two types of bread crumbs:

Yoast bread crumbs: http://www.directsponsor.org/forums/

bbPress bread crumbs: http://www.directsponsor.org/news/

[bizwizkid22]

I solved this by removing the sub-forums… I’m sure there’s a way to do this but, the time to think it over led me to simplify the forum

[bizwizkid22]

Thanks for your help travishill. I was able to do all these things today.

Could you help with one more question which is – how do I sort the sub-forums on the home page at pacificbeach dot me/discussions?

The primary forums are sorting fine but, if I name one of them as the parent, and sort the children via putting in a page-order number, this seems to be ignored. Someone eluded to bbp sorting by popularity but, it seems there should be a way to sort these.

Thanks again!

[travis.hill]

On this same page it would be great if I could have the bbp-forum-description, currently listed under the sub-forums, to be shown under the bbp-forum-title.

This can be accomplished with modifications to template files.

How can I list the sub-forums in a single line order

This is a style issue. Dig into the CSS and turn those list items into display:list-item; from #content table tbody tr ul.bbp-forums li in bbpress.css on line 285.

You’ll probably want to get rid of the pipe separator, as well.

Pass some $args through bbp_list_forums.

If your using custom templates, locate the loop-single-forum.php file. Somewhere around line 25 you should find the bbp_list_forums function. Pass it some $args like so:

<?php bbp_list_forums(array('separator' => '','show_topic_count' => false, 'show_reply_count' => false)); ?>

I’d really like to have the ‘Remember Me’ phrase be inline with the checkbox

In your stylesheet http://pacificbeach.me/wp-content/themes/jq/lib/css/style_ext.css on line 161, the label rule is throwing it off. Try adding a rule similar to this:

p.rememberme label: display: inline;

That worked for me in Chrome.

Hope I’ve gotten you closer!

[bizwizkid22]

On my bbp forum at pacificbeach dot me I’m trying to sort forums by order id as I assigned them when creating the forums. The primary forums sorted properly but, sub-forum ordering seems to be ignored. It’s not helpful for there to be any kind of auto-sorting i.e. based on sub-forum popularity.

On this same page it would be great if I could have the bbp-forum-description, currently listed under the sub-forums, to be shown under the bbp-forum-title.

How can I list the sub-forums in a single line order – as even though it eats up more room my users aren’t going to easily figure out how the current listing works.

Lastly, I’d really like to have the ‘Remember Me’ phrase be inline with the checkbox and cannot for the life of me figure out how to do that. I’ve been through every stylesheet so many times I think I can quote some of them :p

I’ve spent a good, solid eight hours on these issues so am at a loss and would really appreciate the help.

Thanks.

[David Decker]

Back in summer I had similiar issues with the betas and RC’s… When I had templates in theme/child theme and combined bbPress functions.php with my theme/child theme’s functions.php I had problems with still enqueueing the scripts from the included bbPress-twentyten, so I just removed these lines of code from my combined functions.php and got it working. After that my template files/css etc. were called and used correctly.

It’s only a suggestion to just check the source code of your forum index what stylesheets and what scripte are loaded from what source. Then compare it with the calls from the functions.php files. Maybe you can find some issue…

I didn’t liked all these combining and integrating so I just added some css rules to my theme stylesheet (most with “!important” but I don’t care that much about this…) and left all other on default bbPress which worked best for me

Hope this helps a bit, Dave

[travis.hill]

Looks like some styling needs done.

I don’t know how you’ve implemented bbPress, but a start would be something like this:

remove the left float from div.bbp-breadcrumb in bbpress.css (line 39)

create a css rule for the table class .bbp-forums and give it a width:

.bbp-forums {

width: 100%;

}

That should get you going in the right direction.

[bobbyh44]

Ah – awesome. Thanks Andre, really appreciate it.

Hopefully they’ll add that link into the bottom of the instructions so it reads:

== Installation ==

1. Place the ‘bbpress’ folder in your ‘/wp-content/plugins/’ directory.

2. Activate bbPress.

3. Visit ‘Settings > Forums’ and adjust your configuration.

4. Create some forums.

5. View your site.

6. Adjust the CSS of your theme as needed, to make everything pretty.

7. Create a page and add one or more of these short codes into it to display your forum: https://bbpress.org/forums/topic/bbpress-20-shortcodes

All the best.

Bob

[Andre]

1. I just want to be sure we’re both referring to the forum options at /wp-admin/options-general.php?page=bbpress. Forum (and WP) roles have to be set by editing a user profile (/wp-admin/users.php). I believe there are plugins that add functionality, but I haven’t used any of them so I can’t give a recommendation. The would be in the WP plugin repository at wordpress.org/extend/plugins.

2. This isn’t an area I’m strong at, but you’d have to edit either the themes files or the css.

[Per Carlen]

Thanks for answering my questions, Andre!

1. If there isn’t an admin panel, where or do I for example, set authorisations for the forum (admin,moderator etc)? There’s must be more settings than those in the menus I described in the original post above?

2. I’ll look in to the Multisite feature. Thanks! Otherwise, If I for example want my BBPress to have the forum structure like http://www.awesomestyles.com/bbpress-themes/demo/static-bb (notice how the different forums and subforums are listed beneath eachother), I’d have to edit the css?

3. I’ll ask about in that topic then.

Thanks a ton for helping me out here!

[Themes Community]

I have version 2.0 but can’t for the life of me get my theme to be picked up. I have followed the guide here: bbpress.org/forums/topic/bbpress-20-theme-compatibility as best I could but there are some things not well explained. This is what I have done so far:

Great, you find that!

1. Copied all the files from /bbpress/bbp-themes/bbp-twentyten/ and placed into the root of my theme (wp-content/themes/mytheme/)

Correct, beware of replacing files by accident. Usually you will have 2 file left style.css and functions.php

2. Copied the .js and .css files from the /bbpress/bbp-themes/bbp-twentyten/css/ and /bbpress/bbp-themes/bbp-twentyten/js/ folders into the root of my theme (wp-content/themes/mytheme/)

Correct!

3. I also copied the content of style.css from the bbp-twenty-ten theme into my own css file, which also sits in wp-content/themes/mytheme/

Yes, add it at the bottom of the file.

4. I copied the entire contents of functions.php from the bbp-twenty-ten folder to my own theme functions.php, which also sits in the root of my theme folder.

Don’t do that. Just add this to your functions.php file:

add_theme_support( 'bbpress' );

All that displays is the ‘Forums’ header but no content.

You need to make some forum first withing WordPress admin dashboard then you will have some content when you display the forum itself..

What am I doing wrong? Have I placed something wrong somewhere? Should I have copied the whole bbp-twentyten folder itself into the root of my theme folder? What is that first page that gets served up when hitting http://www.mywebsite.com/forums/? Is it page-front-forums.php and should that be sitting in the root of my theme as it is currently?

I’m also confused my the functions.php where it says:

// Setup the theme path

$this->dir = $bbp->themes_dir . ‘/bbp-twentyten’;

// Setup the theme URL

$this->url = $bbp->themes_url . ‘/bbp-twentyten’;

Following this, I’ve tried copying bbp-twentyten folder into the root of my theme, but still nothing.

Yours, quite confused.

Don’t do that. Skip this.

After you do above that I recommend, tell me the result.

[Anointed]

I am really curious to hear what the best approach to styling the different types of output is.

Does anyone have any good examples of a search results page that returns multiple post-types, yet appears proper?

I usually just use a function to output the post-type in the css class for each item returned and then rely upon the css for custom styling.

*I’ve also gone the route of using custom templates for each post-type within the search results but that got really tedious very quick.

[demonboy]

I have version 2.0 but can’t for the life of me get my theme to be picked up. I have followed the guide here: bbpress.org/forums/topic/bbpress-20-theme-compatibility as best I could but there are some things not well explained. This is what I have done so far:

1. Copied all the files from /bbpress/bbp-themes/bbp-twentyten/ and placed into the root of my theme (wp-content/themes/mytheme/)

2. Copied the .js and .css files from the /bbpress/bbp-themes/bbp-twentyten/css/ and /bbpress/bbp-themes/bbp-twentyten/js/ folders into the root of my theme (wp-content/themes/mytheme/)

3. I also copied the content of style.css from the bbp-twenty-ten theme into my own css file, which also sits in wp-content/themes/mytheme/

4. I copied the entire contents of functions.php from the bbp-twenty-ten folder to my own theme functions.php, which also sits in the root of my theme folder.

All that displays is the ‘Forums’ header but no content.

What am I doing wrong? Have I placed something wrong somewhere? Should I have copied the whole bbp-twentyten folder itself into the root of my theme folder? What is that first page that gets served up when hitting http://www.mywebsite.com/forums/? Is it page-front-forums.php and should that be sitting in the root of my theme as it is currently?

I’m also confused my the functions.php where it says:

// Setup the theme path

$this->dir = $bbp->themes_dir . ‘/bbp-twentyten’;

// Setup the theme URL

$this->url = $bbp->themes_url . ‘/bbp-twentyten’;

Following this, I’ve tried copying bbp-twentyten folder into the root of my theme, but still nothing.

Yours, quite confused.

[adams21]

At this point, after just test creating a few forums and topics, it looks like the plugin is “functioning” like it should. I can tell that it’s using some of the styles from my main theme style.css (colors, fonts etc), the MAIN PROBLEMS that I have now is the fact that it’s not taking to my page template widths in my main theme (gridlocked), it wont use a full-page-width template (or let me pick) and the default that it is probably using, is also supposed to be full width, plus something is wrong with the padding and it snugs too tight to the page edges

[adams21]

At this point, after just test creating a few forums and topics, it looks like the plugin is “functioning” like it should. I can tell that it’s using some of the styles from my main theme style.css (colors, fonts etc), the MAIN PROBLEMS that I have now is the fact that it’s not taking to my page template widths in my main theme (gridlocked), it wont use a full-page-width template (or let me pick) and the default that it is probably using, is also supposed to be full width, plus something is wrong with the padding and it snugs too tight to the page edges.

Here are some screenshots to show you what I mean;