[Robkk]

Try to see that you are placing widgets in the right sidebar for it to show on the bbPress pages.

IF you want full-width forums.

Try this custom CSS to see if it fixes the empty space and makes your forums actually full width. Place the custom css in your child themes style.css file or in a custom css plugin.

.bbpress .sidebar {
  width: 0;
  display: none;
}

.bbpress .postcontent {
    width: 100%;
}

[mica123]

Actually, I can see that this bbPress support forum created a submenu showing the login, register and lost passwords links at the top of the index page. So I take it that this was done with the help of CSS.

[aaron2310]

Hi guys. I’m after some help for a website I’m currently working on. The board in particular is this – http://www.battle-bridge.co.uk/forums/ I used a plugin called bbp style pack to save me having to go through the CSS to make changes. However, there’s still some changes I was unable to make with this plugin and the author has referred me onto here.

If you see the index of the board the over all borders are the colour I set via the plugin which is #11678C. But some of the borders still remain white and the plugin author has advised me he can’t do. Where in the CSS is this to change? I can’t find it.

Second question is setting forum width. The index and any page with substance content on fill the containers. However, any pages without much such as this http://www.battle-bridge.co.uk/forums/forum/general-discussion/ don’t fill the container. I’d like to set the width to be 100% but I also can’t see that in the CSS.

I’d appreciate being pointed to the right bit. Thank you kindly 🙂

[Robkk]

The custom profile fields, what exactly do they do? I get that I can now add my Twitter handle from profile settings, but it’s not displayed anywhere on the site.

Yeah you have to manually place the any extra fields you want on the frontend of the user profile and and place the code in the template user-profile.php, that should be in your child theme for easy customization.

in user-profile.php you will already see an example of the user’s description field being displayed, and you would need to do some of the same procedure.

<?php if ( bbp_get_displayed_user_field( 'twitter' ) ) : ?>

    <p class="bbp-user-twitter">
        <a href="<?php bbp_displayed_user_field( 'twitter' ); ?>" title="<?php bbp_displayed_user_field( 'display_name' ); ?>'s Twitter" rel="nofollow">
             <?php bbp_displayed_user_field( 'twitter' ); ?>
        </a>
    </p>

<?php endif; ?>

I will probably put an example for user’s to place the links on their profile templates later on that guide.

I would love for it to be displayed beneath my avatar and username phpBB-style in topics, or at least on my visible forum profile.

Yep, there is a way to that too. I can’t remember much but I think it just involves a hook to place the data. There is a plugin Robin made that can basically do that. There is also a different plugin for displaying BuddyPress profile fields. You can dig around the plugins code if you want to see how he did it.

https://wordpress.org/plugins/bbp-profile-information/

This doable? Obviously I can’t use the_author_meta() in bbpress, so…

I think it is possible to just use the WordPress code with bbPress. bbPress is just a plugin of WordPress now.

Also, instead of adding labels to certain topics. Can I add classes so I can do changes in CSS?

Yeah you do not have to leave the [status] and just leave the classes there so you can style with just CSS.

[tkse]

This works nicely. Sorry to bug you so much.

The custom profile fields, what exactly do they do? I get that I can now add my Twitter handle from profile settings, but it’s not displayed anywhere on the site. I would love for it to be displayed beneath my avatar and username phpBB-style in topics, or at least on my visible forum profile. This doable? Obviously I can’t use the_author_meta() in bbpress, so…

Also, instead of adding labels to certain topics. Can I add classes so I can do changes in CSS?

Thanks! 🙂

[Robkk]

Sorry for the late reply. I hate this issue you have, because I cannot really find a resolution without straight up guessing to try to find something.

I do see that you have removed it though. But you do not need to remove it with CSS or it will hide the other notices too.

You can try this PHP function instead.

add_filter( 'bbp_get_single_forum_description', 'ja_return_blank' );
add_filter( 'bbp_get_single_topic_description', 'ja_return_blank' );
function ja_return_blank() {
    return '';
}

If you want you can contact me so I can just see what could be causing the issue.

Contact

[timsilva_]

I am migrating a forum database from the latest version of SMF to the latest version of bbPress. In SMF, many posts had multiple line-breaks in between sentences, paragraphs, images, videos, etc. It appears that WordPress, and bbPress, strip out multiple line breaks and limit them to a single line break (probably to prevent people from creating giant vertical gaps for no reason that other users have to scroll through). The way that bbPress deals with line-breaks from the SMF database migration was not very clean. It was mostly just random blocks of text and sentences without line breaks in between paragraphs that existed in SMF. There were PRE tags added in sometimes, and seemingly inconsistent P tags as well. BR tags appear to have been converted into empty TT tags. I was able to correct some of these formatting issues by tweaking lots of CSS (and a little JavaScript) in the default bbPress template. At the same time, I have also tested how line-breaks work separate from the migrated database and it appears that this maximum-of-one-line-break philosophy is on purpose. I see where that’s coming from, but I want to allow it anyways.

I have read of methods where admins (and/or other users) can manually type in br tags as html with non-breaking spaces in between them as a hacky method of moving down three or four lines for whatever reason. I don’t want to have to train users how to do something that should be as simple as press enter like in any text editor.

How can I simply achieve this in bbPress’s default comment forms? I don’t want users to have to type in…

<br />&nbsp<br />

…when they can simply just press enter twice in the textarea input.

[dealz4fun]

as you can check this:
http://forums.dealz4fun.com/forums/
my font size is too low, the person should magnify to see it, so i want to know how to increase the font size.
–> i am not using child theme
–> i am totally a newbie to wordpress
–> i dont know css or html or javascript

please say me in simple words or process if possible

[w-sky]

Hello there. Please have a look at our bbPress forum at http://hanfjournal.de/forum/

It’s still in startup phase, the design is okay but as you see, it is now left aligned to the window border, whereas the rest of the page content (the menu, the footer, all non-forum pages) have a empty area at the left edge.

How do I change the forum alignment now?

The theme has these “grids”, now it’s the first grid, and I tried to put the forum to other grids but this way made it worse. So I think I rather make the forum to leave some free space.

Also, the forum is looking very greyish and pale in the page context 🙁

How do you recommend to change the look with simple changes, e.g. drawing a frame around the forum or background colour? I am not experienced in CSS design, but I can apply changes if I know what and where.

I tried themes for BBpress that come as WordPress plugins, but they all did not work (to be precise, were looking ugly) in our theme. Which is “Quark” with many modifications in a child theme.

[Robkk]

@themk850

sorry for the late reply, but try this.

add_filter('bbp_after_list_forums_parse_args', 'ntwb_bbpress_list_forums' );
function ntwb_bbpress_list_forums() {
	$args['separator']        = '';
	return $args;
}

or I guess instead of using my CSS and the above function just use this instead.

add_filter('bbp_after_list_forums_parse_args', 'ntwb_bbpress_list_forums' );
function ntwb_bbpress_list_forums() {
	$args['separator']        = '</br>';
	return $args;
}

[Schuitema]

I notice now that, this error comes up when inspecting the element after search with bot wp and bbpress search, now that search forum-wide is on.

GET http://coachingonthego.co.zapath_to_style.css/?ver=4.2.4 net::ERR_NAME_NOT_RESOLVED

[Robkk]

Creating the bbpress.php file was for removing the blog post data like the continue reading button. I guess you can just use CSS instead. creating the bbpress.php file was not for fixing the search issue.

You do not need to install the plugin fixes in that topic, it was for another issue for that user.

Can you enable the forum search in Settings>Forum again so I could see what could be causing the issue again. I remember there being something saying I don’t have the capability/ability to search because of my account to search or something? I am wondering if there is an issue with whatever is causing that too.

[Robkk]

Add this custom CSS anywhere you can put custom css like your child themes style.css file or a custom css plugin.

#bbpress-forums p.bbp-topic-meta img.avatar, 
#bbpress-forums ul.bbp-reply-revision-log img.avatar, 
#bbpress-forums ul.bbp-topic-revision-log img.avatar, 
#bbpress-forums div.bbp-template-notice img.avatar, 
#bbpress-forums .widget_display_topics img.avatar, 
#bbpress-forums .widget_display_replies img.avatar {
    float: none;
    margin-bottom: 0;
    vertical-align: middle;
    border: 1px solid #ddd;
}

You can use this function (and add it where you can put php code snippets, like your child themes functions.php file or in a plugin like functionality) in this topic to increase those 14px avatars to say 24px.

Resizing Avatars

[DevynCJohnson]

I am the owner and admin of http://dcjtech.info/ and I love computer programming. Not only do I love programming, but I love to help other developers. I would like to contribute to BBPress by offering some suggestions and ideas.

Please keep in mind that these are just my ideas; I understand that the BBPress team has ideas, needs, and concerns of their own that they must address. In addition, even though I learned a lot about the WordPress and BBPress framework and inner workings, I admit that there are some parts that I may have over-looked or mis-understood. In summary, I am trying to help make BBPress better and more powerful based on what I know, and I want to contribute my ideas as a thanks to all the developers that have spent time and effort making BBPress what it is today.

Now, for my ideas –

1. BBPress needs more options and configurable items – the more customizable, the better. Obviously, some developers are concerned about confusing or overwhelming users, so make a special admin page for “advanced” or “miscellaneous” options. Some additional options I think are needed or helpful include disable/enable feeds, specific control over oEmbeds and auto-embed-links, and settings for SEO/SMO control (discussed in #2).

2. Settings and controls for Search Engine Optimization (SEM) and Social Media Optimization (SMO) – SEM and SMO are important to many web admins. Adding options to configure such features may be wise. The “author” meta tag (and others) could be generated on a per-topic basis (if the admin enables such a feature). Here are some links for HTML5 meta tags for SEM and SMO (https://github.com/h5bp/html5-boilerplate/issues/1674 && https://gist.github.com/charlesmudy/b3740c73d5f4d5d5c1f4 && https://thomas.vanhoutte.be/miniblog/dynamic-html5-meta-tags-for-wordpress-header-php-file/)

3. Integrate BBCodes and Shortcodes – This may be something the WordPress should do, or the BBPress developers could pass this idea to them. Add features and options for BBCodes. I think that merging “bbpress2 BBCode” (https://wordpress.org/plugins/bbpress-bbcode/), “bbpress2 shortcode whitelist” (https://wordpress.org/plugins/bbpress2-shortcode-whitelist/), and some ideas from GD BBpres Tools (https://wordpress.org/plugins/gd-bbpress-tools/).

4. Add topic auto-suggestion – This feature can easily be added by merging this plugin – https://wordpress.org/plugins/bbpress-auto-suggest-topics-based-on-new-topic-title/ .

5. Integrate other small, but helpful plugins – “External Links” (https://wordpress.org/plugins/sem-external-links/) and “BBPress Report Content” (https://wordpress.org/plugins/bbpress-report-content/) seem like candidates for merging.

6. Disable/Enable BBPress modules/parts – Obviously, some people may not like or want “BBPress Report Content” or other plugins and features I suggest for merging and adding. The best solution may be to provide a special options page for disabling/enabling certain “BBPress modules” and features. For instance, I use “BBPress Report Content” and I disabled (and I dislike) the BBPress “SPAM” admin-link in my forums. Having more detailed and advanced options may help people like me. Also, more advanced options would (hopefully) make people less likely to edit core files.

7. Export/Import BBPress settings – Correct me if I am wrong, but I do not think BBPress has an easy way to export/save settings to be imported to use as a backup or transfer/share settings.

8. View counter – I think it would be useful to many people to have a “view counter” feature such as I have programmed in my website (http://dcjtech.info/forum/articles/general-computing/). It would be great if BBPress included options for view counters such as displaying topic views in the BBPress-Notice and forum columns (like where I replaced “voices/replies” with “views/viewed”.

9. Options to custom notices and other messages – Some people (like me and others seen on this BBPress forum) want to change “voices” or remove it. Having easy options for this may be helpful.

10. Better forum access control – I would find it helpful to be able to specify that on a particular forum or sub-forum that users with particular permissions can only create new topics or reply.

11. Remove “Topic:” from title – I see a need for some people (like me) to be able to easily configure the appearance of titles (both on the page and in the HTML “title” tag).

12. Implement a built-in avatar system (perhaps BuddyPress or WordPress should use this rather than BBPress) – This would allow local avatars and provide a way for Gravatar to be disabled or used as a secondary. True, BuddyPress provides a way to upload avatars, and “Basic User Avatars” and “Simple Local Avatars” are plugins offering that feature. However, after upgrading my theme to HTML5 and removing Flash from my browser, I can no longer upload avatars using any of the three mentioned possibilities (backend or frontend). However, I can still upload media via the backend (w/o Flash) and via the frontend (with Flash). NOTE: I do list “plupload.full.min.js” and other similar scripts in Autoptimze “Exclude list”.

13. Perhaps, “Grunion Contact Form” should be updated and integrated in BBPress.

14. 100% HTML5 Compliant – I have not studied BBPress in this perspective, so it is possible that I may be very wrong or the developers have a plan already. However, use of HTML5 (or the option to do so) would be helpful.

If you see any features on my website that you want to implement in BBPress, feel free to let me know and then I can give you the code and tell you how I did it. Also, I use my own style sheets for BBPress, BuddyPress, and some plugins. I have been able to increase performance and decrease size by using a CSS minifier (http://csscompressor.com/) and implementing ideas from errors given by a CSS checker (http://csslint.net/). I saw significant improvements even before I changed the style sheets to specifically suit my website.

By the way, making BBPress templates that can be placed in the regular WordPress template was a great idea and feature for BBPress; smart thinking BBPress developers.

[LexiconLuthor]

http://northfloridafishkeepers.com/forums-2

as you can see the pictures next to people’s names are microscopic. Please tell me there is a simple css code that will fix this

[karl.lundgren]

I’m having this problem as well. Under my forums, if someone replies to a topic it cuts off part of the text. Here’s an example:

https://cruisermatch.com/groups/support/forum/topic/profile-cover-photo-resizing/#post-7269

I really need help on this in a hurry everyone, my site launches on Tuesday and I need to fix this bug. Please help!

PS. I tried the custom css posted by Robkk above and it didn’t work for me.

[sbskamey]

Hi Robkk, I’d like to change the capabilities for the roles, so I think adding the new roles would be better.

When I move my code to my Child Theme, my website goes blank.

Do you know if theres something that I’m missing?

This is my Child Theme with the 3 new role and new capabilities in it… (when I add this code to the core bbpress files, it works, but now that I moved it to my Child Theme, my site goes blank).

<?php

// enqueue the child theme stylesheet

Function wp_schools_enqueue_scripts() {
wp_register_style( 'childstyle', get_stylesheet_directory_uri() . '/style.css'  );
wp_enqueue_style( 'childstyle' );
}
add_action( 'wp_enqueue_scripts', 'wp_schools_enqueue_scripts', 11);

//code to add roles 
 
function add_new_roles( $bbp_roles )
{
    /* Add a role called team member */
    $bbp_roles['bbp_teammember'] = array(
        'name' => 'Team Member',
        'capabilities' => custom_capabilities( 'bbp_teammember' )
        );
 
    /* Add a role called teammember */
    $bbp_roles['bbp_communitymember'] = array(
        'name' => 'Community Member',
        'capabilities' => custom_capabilities( 'bbp_communitymember' )
        );
        
    /* Add a role called ambassador */
    $bbp_roles['bbp_ambassador'] = array(
        'name' => 'Ambassador',
        'capabilities' => custom_capabilities( 'bbp_ambassador' )
        );
 
    return $bbp_roles;
}
 
add_filter( 'bbp_get_dynamic_roles', 'add_new_roles', 1 );
 
function add_role_caps_filter( $caps, $role )
{
    /* Only filter for roles we are interested in! */
    if( $role == 'bbp_teammember' )
        $caps = custom_capabilities( $role );
 
    if( $role == 'bbp_communitymember' )
        $caps = custom_capabilities( $role );
        
    if( $role == 'bbp_ambassador' )
        $caps = custom_capabilities( $role );
 
    return $caps;
}
 
add_filter( 'bbp_get_caps_for_role', 'add_role_caps_filter', 10, 2 );
 
function custom_capabilities( $role )
{
    switch ( $role )
    {
 
        /* Capabilities for 'teammember' role */
        case 'bbp_teammember':
            return array(
                // Primary caps
                'spectate'              => true,
                'participate'           => true,
                'moderate'              => true,
                'throttle'              => true,
                'view_trash'            => true,
 
                // Forum caps
                'publish_forums'        => true,
                'edit_forums'           => true,
                'edit_others_forums'    => true,
                'delete_forums'         => true,
                'delete_others_forums'  => true,
                'read_private_forums'   => true,
                'read_hidden_forums'    => true,
 
                // Topic caps
                'publish_topics'        => true,
                'edit_topics'           => true,
                'edit_others_topics'    => true,
                'delete_topics'         => true,
                'delete_others_topics'  => true,
                'read_private_topics'   => true,
 
                // Reply caps
                'publish_replies'       => true,
                'edit_replies'          => true,
                'edit_others_replies'   => true,
                'delete_replies'        => true,
                'delete_others_replies' => true,
                'read_private_replies'  => true,
 
                // Topic tag caps
                'manage_topic_tags'     => true,
                'edit_topic_tags'       => true,
                'delete_topic_tags'     => true,
                'assign_topic_tags'     => true,
            );
 
            /* Capabilities for 'communitymember' role */
        case 'bbp_communitymember':
            return array(
                // Primary caps
                'spectate'              => true,
                'participate'           => true,
                'moderate'              => false,
                'throttle'              => false,
                'view_trash'            => false,
 
                // Forum caps
                'publish_forums'        => false,
                'edit_forums'           => false,
                'edit_others_forums'    => false,
                'delete_forums'         => false,
                'delete_others_forums'  => false,
                'read_private_forums'   => false,
                'read_hidden_forums'    => false,
 
                // Topic caps
                'publish_topics'        => true,
                'edit_topics'           => false,
                'edit_others_topics'    => false,
                'delete_topics'         => false,
                'delete_others_topics'  => false,
                'read_private_topics'   => false,
 
                // Reply caps
                'publish_replies'       => true,
                'edit_replies'          => false,
                'edit_others_replies'   => false,
                'delete_replies'        => false,
                'delete_others_replies' => false,
                'read_private_replies'  => false,
 
                // Topic tag caps
                'manage_topic_tags'     => false,
                'edit_topic_tags'       => false,
                'delete_topic_tags'     => false,
                'assign_topic_tags'     => true,
            );
            

            /* Capabilities for 'ambassador' role */
        case 'bbp_ambassador':
            return array(
                // Primary caps
                'spectate'              => true,
                'participate'           => true,
                'moderate'              => false,
                'throttle'              => false,
                'view_trash'            => false,
 
                // Forum caps
                'publish_forums'        => false,
                'edit_forums'           => false,
                'edit_others_forums'    => false,
                'delete_forums'         => false,
                'delete_others_forums'  => false,
                'read_private_forums'   => false,
                'read_hidden_forums'    => false,
 
                // Topic caps
                'publish_topics'        => true,
                'edit_topics'           => false,
                'edit_others_topics'    => false,
                'delete_topics'         => false,
                'delete_others_topics'  => false,
                'read_private_topics'   => false,
 
                // Reply caps
                'publish_replies'       => true,
                'edit_replies'          => false,
                'edit_others_replies'   => false,
                'delete_replies'        => false,
                'delete_others_replies' => false,
                'read_private_replies'  => false,
 
                // Topic tag caps
                'manage_topic_tags'     => false,
                'edit_topic_tags'       => false,
                'delete_topic_tags'     => false,
                'assign_topic_tags'     => true,
            );
 
            break;
 
        default :
            return $role;
    }

[Robkk]

Use this custom CSS to make the forums full-width.

.bbpress #content {
  width: 100%;
}

[Robkk]

I see it is now on your forums. I see that the CSS causing the issue is definitely from the bbPress New UI plugin in its dark theme.

Contact the developer of the plugin so other users do not come across the same issue as you are.

Oh and bbPress has classes for each of its areas on the forums, most prefixed with some kind of bbp in them. Other plugins and themes could use those classes and add CSS styles for those areas in their own respective stylesheets to style the forums differently.

[Mark Burgess]

Yes. I used those css changes to get rid of the Freshness display altogether until I could see that the Forum Description at the top of each form was corrected. It’s misleading,o when a topic is created 10 years ago and has had only replies since, to show the “last updated” is 10 years with a reply only months ago.

[Robkk]

Add this custom CSS for it to display in a sort of list.

#bbpress-forums .bbp-forums-list li {
    display: block;
}

[Robkk]

For the line-breaks missing it might be some CSS from your theme maybe causing the issue, but link to a post that should have line breaks so I can check and make sure.

ALso fix the oversized avatars using this CSS.

default size bbPress 14px avatar.

#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
   margin-bottom: 0px;
   vertical-align: middle;
   border: 1px single #ddd;
   width: 14px;
}

default size profile image

#buddypress div#item-header img.avatar {
    width: 150px;
}

[Beck888]

After install I created a test post and all went well until I went to view the forums.

The new post in hiding under the admin bar at the top of the screen.

https://vapefriendly.biz/forums/forum/vape-lounge/

All the other aspects of the plugin seem to be displaying correctly, even clicking on the floating topics brings you to the post where it is in the middle of the page like it should be,

I’m guessing a css issue,

Any help would be greatly appreciated

Thank you

[Robkk]

@mei-ling

Did you copy and edit the bbPress templates in your child theme heavily?? Removing the hook @kachan64 pointed out, can make the code not work.

Also does the picture save correctly in the WordPress backend?? If you could link to a forum that should has a topic with a featured image, I can check to see if there is a CSS problem.

[Robkk]

This custom CSS would help with your line-height issue.

#bbpress-forums div.bbp-forum-author, 
#bbpress-forums div.bbp-topic-author, 
#bbpress-forums div.bbp-reply-author {
    line-height: 2em;
}