[Fidgety Lizard]

There are (at least) a couple of tickets on this in the bbPress trac, no. 2722 and no. 2865.

No. 2865 has a patch marked “under consideration”. In case it helps anybody, I’ve wrapped this patch as a plugin for bbPress 2.5.8:

https://wordpress.org/plugins/fix-forum-emails/

This should help to fix problems with HTML entities in notification emails on vanilla bbPress installs. It’s intended as a workaround until the issue gets fixed in bbPress core.

The plugin won’t remove stray HTML / CSS in forum posts. Rogue markup like this can be caused by cut-and-paste operations in TinyMCE, aka the Visual Editor, if you have it enabled in bbPress. If you’re having these problems, we have another free plugin called “Forum Beginner Posts” in the repository. It enables TinyMCE for bbPress in paste-as-text mode by default.

[tech55541]

Hello,
URL: http://yourtechadvisors.com/forums/topic/testing-safe-to-ignore/
For some reason on mobile devices, part of the reply and post text will overlap the bar where the date is. I have tried deactivating all plugins and checking to see that there are no syntax errors in my CSS. Could someone please check my forum to see what is happening?

Here is an image link, as you can see the mobile view looks pretty bad.
https://drive.google.com/file/d/0B_h6oU4LzDtleElpclF5QV9BajA/view?usp=sharing

I cannot switch to the default theme, I do not want to lose any changes, so a CSS fix would be nice if at all possible.

Thanks for your help.

[volican]

When I use bbpress I notice that on the mobile it is all squished up. To solve this I have removed the freshness column and adjusted the spacing of the info, topic and posts columns. This works on the forums page but when I click on one of the forums the freshness column is removed but the spacing seems to be the same. Can you see what I have done wrong with my css?

li.bbp-forum-freshness, li.bbp-forum-freshness {
	display: none;
}

li.bbp-forum-freshness, li.bbp-topic-freshness {
	display: none;
}

li.bbp-forum-info, li.bbp-topic-title { width:50%; }

li.bbp-forum-topic-count, li.bbp-forum-topic-count {
	text-align: center;
	width: 30%;
}
li.bbp-forum-reply-count, li.bbp-forum-reply-count {
	text-align: center;
	width: 20%;
}

////// This is the bit that isn't playing nice

li.bbp-forum-info, li.bbp-topic-title { width:50%; }

li.bbp-forum-topic-count, li.bbp-topic-topic-count {
	text-align: center;
	width: 30%;
}
li.bbp-forum-reply-count, li.bbp-topic-reply-count {
	text-align: center;
	width: 20%;
}

Many thanks 🙂

[tech55541]

Hello,
URL: http://yourtechadvisors.com/forums/topic/testing-safe-to-ignore/
I am using this plugin to add signatures: https://wordpress.org/plugins/gd-bbpress-tools/

I would like the Revision information to align under the Signiture. I am currently using this CSS.

.topic.type-topic.status-publish > .bbp-reply-content,
.reply.type-reply.status-publish > .bbp-reply-content{
    display: -webkit-box;
    display: -moz-box;
    display: box;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}

.topic.type-topic.status-publish > .bbp-reply-content > .bbp-topic-revision-log,
.reply.type-reply.status-publish > .bbp-reply-content > .bbp-reply-revision-log{
	-webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}

.topic.type-topic.status-publish > .bbp-reply-content > .bbp-signature,
.reply.type-reply.status-publish > .bbp-reply-content > .bbp-signature{
  -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
}

It is working fine in Firefox, but not in Internet Explorer and Safari on apple devices such as IPhones. Can you please take a look for me?

Thanks.

[tech55541]

Hello,
Please use this CSS code.

#bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name {
display: none;
}

Please let me know if this worked for you.

[mojomo]

I’m using a child theme and I’m trying to make CSS adjustments to the forum list. I need to get rid of float + width because the numbers are not aligned with the titles (topic, voices, replies, last post). Whatever I try, bbpress ignores my changes. I tried adding the new CSS to style.css in my child theme as well as adding it to Jetpack’s custom CSS. I did even add the extra code to functions.php in my child theme so that bbpress style could be overwritten without using !important. Using !important doesn’t work either. I really don’t know what else to try. My theme is not perfect for bbpress, so I need to tweak a few things.

[Robkk]

@nicolasmahy

Yeah the responsive styles in bbPress use .bbp-body which is having the issue here. But since you customized and removed the labels in the header of the forums you can try this custom CSS and see if it helps any.

@media screen and (max-device-width: 480px) {
#bbpress-forums div.bbp-forum-content, 
#bbpress-forums div.bbp-topic-content, 
#bbpress-forums div.bbp-reply-content {
    margin-left: 0px;
    padding: 12px;
}

#bbpress-forums div.bbp-forum-author,
#bbpress-forums div.bbp-topic-author,
#bbpress-forums div.bbp-reply-author {
    float: none;
    text-align: center;
    width: 100%;
}

#bbpress-forums div.bbp-forum-author a.bbp-author-name, 
#bbpress-forums div.bbp-topic-author a.bbp-author-name, 
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
    margin: 0;
    word-break: break-word;
    display: block;
}
}

[Robkk]

@robin-w

Link to his site is in the picture in the address bar.

http://stushare.be/forums/topic/waar-doe-ik-het-best-erasmus/

It seems that your CSS fixed the issue with the avatar in the title.

[Robin W]

Whilst it needs sorting in the core product, the ticket says that putting this in the css file will fix, and did on my test site

#bbpress-forums div.bbp-topic-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar {
position: relative
}

https://codex.bbpress.org/functions-files-and-child-themes-explained/

[blandow]

Looks like the import was a success! Great tool.

My question now is where do I make the customizations for styling? Is it the bbpress.css file or do I have to do it in the main style.css?

I just want to add a white background to every topic page and every forum post.

[neecride]

Hello,

I look for how to add a class css on loop-single-forum.php line 12

<ul id="bbp-forum-<?php bbp_forum_id(); ?>" <?php bbp_forum_class(); ?>>

on default bbp_forum_class();

sorry I’m french ! I do not understand English too

[Robkk]

This is the CSS causing the issue. This is found in a custom css plugin or a custom stylesheet from your theme.

#bbpress-forums fieldset.bbp-form p, 
#bbpress-forums fieldset.bbp-form textarea, 
#bbpress-forums fieldset.bbp-form select, 
#bbpress-forums fieldset.bbp-form input, 
#bbpress-forums fieldset.bbp-form .buddyboss-select {
    display: none;
}

[mulaps]

Hi.
Im using motoblog theme from wolfthemes. After installing bbPress forum plugin i had issue with content wrapper. In the custom css section added fief lines:

#bbpress-forums {
    width: 92%;
    max-width: 1140px;
    margin: 0 auto 30px;    

}

But i still have the problem with bbp-forum section image: http://imgur.com/2cGasYv
Can someone please help me with this problem? I zoomed out page to create image.

[addisonlegere]

I’m not sure if I was clear. I still show a post number of 1 on the forum page but I did end up using css to get rid of the reply(post) on the Topic page.

.forums .bbp-body bbp-reply-header:nth-of-type(1) {display:none;}
.forums .bbp-body .bbp-reply-position-1 {display:none;}

Again, that was just to hide the first reply(post/comment) to a topic.
The goal on the site was to have pre-set Topics as questions that users could reply to. Did not want subscribers to create new topics.

[cbsyph]

1) I’m trying to figure out how to reduce the size of the Heading/Title bar of the forums/topic etc.

The default is about a 1 1/2 inch thick solid bar. However; the text Forum/topic/post and freshness is about a third of that width. I’d like the title box to be more stream lined rather than bulky as it is…

I’ve been trying to locate the appropriate CSS file and lines to update but have had no luck.

2) I assume this is kind of the same formatting issue and can be resolved the same way. Each topic in the forum is allocated about 1 1/2 inches of space to show the topic titel, and its corresponding counts. Again I only need that space to be about 1/2 inch at most.

I’m aware that its probably most appropriate to use padding and margins to explain what i’m seeing and trying to change. But I’m a novice and figured i used jargon more familiar to me.

[mateomrqz]

Hi!

Thank you for the reply. I just want to edit the wp_editor that displays when I click
“Topics” > “New Topic”.

I want to remove a couple of buttons of that editor, but I don’t want the change to be global, as I have a lot of other editors with specific parameters. This function works:

function my_format_TinyMCE( $in ) {
    //styles for the editor to provide better visual representation.
    $in['content_css'] = get_template_directory_uri() . "/build/styles/tiny-mce-editor.css";
    $in['block_formats'] = "Paragraph=p; Heading 1=h1; Heading 2=h2";
    $in['toolbar1'] = 'formatselect,bold,italic,underline,superscript,bullist,numlist,alignleft,aligncenter,alignright,link,unlink,spellchecker';
    $in['toolbar2'] = '';
    $in['toolbar3'] = '';
    $in['toolbar4'] = '';
    return $in;
}
add_filter( 'tiny_mce_before_init', 'my_format_TinyMCE' );

BUT! It will affect and overwrite parameters to my other editors.
The Hooks/Filters in the documentation of bbpress work, but they seem to only affect when creating a topic/forum not from the wp-admin but from the actual bbpress page.

Any ideas? Thank you!

[Anticosti]

I solved this issue (plus some others) on my side, by adding this CSS:
Hope this may help someone else….

 
input#bbp_search { 
  margin: 0.25em 0.25em 0.25em 0.25em;
}
li.bbp-header {
  margin-top: 0px !important;
  margin-bottom: 2px !important;
  border: solid 0px red !important;
}
/* START -- Main Effect on Forum width on small devices */
ul.forum-titles li {
text-transform: uppercase !important;
  font-size: 12px !important;
}
li.bbp-forum-info, li.bbp-topic-title {
    width: 40%;
}
li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count {
    width: 15%;
}
li.bbp-forum-freshness, li.bbp-topic-freshness {
    width: 30%;
}
/* END -- Main Effect on Forum width on small devices */

#bbpress-forums ul[id*='forums-list-'] {
  padding: 0px !important;
  border: solid 0px red !important;
  margin-bottom: 2px;
}
#bbpress-forums ul[id*='forums-list-'] li.bbp-body ul[id*='bbp-forum-'] {
  	padding: 10px !important;
    border: solid 0px red !important;
  	margin-bottom: 2px;
}
#bbpress-forums ul[id*='bbp-forum-'] {
border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -khtml-border-radius: 0px;
    -o-border-radius: 0px;
  	padding: 0px !important;
    border: solid 0px red !important;
  	margin-bottom: 2px;
}
#bbpress-forums ul[id*='bbp-topic-'].post-inner {
  border-radius: 0px 0px 0px 0px !important;
    -webkit-border-radius: 0px 0px 0px 0px !important;
    -moz-border-radius: 0px 0px 0px 0px !important;
    -ms-border-radius: 0px 0px 0px 0px !important;
    -khtml-border-radius: 0px 0px 0px 0px !important;
    -o-border-radius: 0px 0px 0px 0px !important;

}
#bbpress-forums ul[id*='bbp-topic-'] {
padding: 10px !important;
  margin-bottom: 2px;
  border: solid 0px red !important;
}

#bbpress-forums p.bbp-topic-meta img.avatar,
p.bbp-topic-meta span.bbp-topic-freshness-author a img.avatar {
  display: none;
}
	 

Kind Regards,

[Robin W]

on your first it is being affected by

http://olympusnetworkmc.com/wp-content/plugins/bbpress-new-ui//inc/css/dark.css?ver=4.4.2

change line 1411

media screen #bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content {
padding-left: 5px !important;
}

to from 5px to say 30px

[awal16]

I added the custom capabilities to my functions.php in the child-theme. When I go to Users, in the back-end of WordPress, there are warning texts like, Warning: call_user_func_array() expects parameter 1 to be a valid callback, function ‘add_new_roles’ not found or invalid function name in C:\xampp\htdocs\mnddb_nieuw\wp-includes\plugin.php on line 235.

What did I do wrong?

My code in the function.php looks like:

<?php
// Exit if accessed directly
if ( !defined( 'ABSPATH' ) ) exit;

// BEGIN ENQUEUE PARENT ACTION
// AUTO GENERATED - Do not modify or remove comment markers above or below:

        
if ( !function_exists( 'chld_thm_cfg_parent_css' ) ):
    function chld_thm_cfg_parent_css() {
        wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style.css' );
    }
endif;
add_action( 'wp_enqueue_scripts', 'chld_thm_cfg_parent_css' );

// END ENQUEUE PARENT ACTION

// Nieuwe forumrolnaam toevoegen
function add_custum_role($bbp_roles){
	$bbp_roles['bbp_global_moderator'] = array(
		'name' => 'Globale moderator',
		'capabilities' => custom_capabilities( 'bbp_global_moderator' )
	);
	return $bbp_roles;
}

// Nieuwe forumregels toevoegen
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_global_moderator')
		$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 'global_moderator' role
		case 'bbp_global_moderator';
			return array(
				// Primary caps
				'spectate'				=> true,
				'participate'			=> true,
				'moderator'				=> false,
				'throttle'				=> false,
				'view_trash'			=> true,
				
				// Forum caps
				'publish_forums'		=> false,
				'edit_forums'			=> false,
				'edit_others_forums'	=> false,
				'delete_forums'			=> false,
				'delete_others_forums'	=> false,
				'read_private_forums'	=> true,
				'read_hidden_forums'	=> false,
				
				// Topic caps
				'publish_topics'		=> true,
				'edit_topics'			=> true,
				'edit_others_topics'	=> false,
				'delete_topics'			=> true,
				'delete_others_topics'	=> false,
				'read_private_topics'	=> true,
				
				// Reply caps
				'publish_replies'		=> true,
				'edit_replies'			=> true,
				'edit_others_replies'	=> false,
				'delete_replies'		=> true,
				'delete_others_replies'	=> false,
				'read_private_replies'	=> true,
				
				// Topic tag caps
				'manage_topic_tags'		=> false,
				'edit_topic_tags'		=> false,
				'delete_topic_tags'		=> false,
				'assign_topic_tags'		=> false,
			);
			break;
		default :
			return $role;
	}
}

[Robin W]

your blogs.css line 1427

has

.single .commentmetadata, .single .reply {
  left: -15px;
  margin: 10px 0;
  opacity: 0.3;
  position: relative;
}

suggest you try adding

#bbpress-forums .reply {
  opacity: 1;
}

to your css.

come back if you need further help in doing this !

[stewmills]

Sorry if this is a duplicate…seemed to get an odd behavior when attempting to submit previously.

Facts:
– WordPress 4.2.2
– bbPress 2.5.8
– Theme – Karma 3.0.3

I have created the following forum on my site (currently hidden from the top menu but accessible via links provided): http://www.cytoviva.com/forum/

In the above link I get the forum login and other options in the right sidebar as I prefer.

However, when you get one layer deeper into the forums, topics, posts, etc. the sidebar is not visible as seen here: http://www.cytoviva.com/forums/forum/registration-instructions-and-forum-guidelines/

I want the sidebar to be visible on all pages/posts/etc. so someone reading a post can login from that page or request new access from that page and as well logged in users will always have the sidebar details and option to logout from any page within the forum.

Initially the sidebar was not visible at all and I finally realized that my forum page (using the shortcode [bbp-forum-index] on my “forum” page to display the forum) was using the right template and when I changed it to ‘Right Sidebar’ and selected the option at the bottom to display my newly created sidebar (User Forum Login Sidebar) I started seeing what I wanted to see on the main forums page.

However, when I go to my individual forums in the WP control panel and make sure they are also set under the ‘Right Sidebar’ page template and as well have the option checked to display my sidebar, it seems to do nothing.

I have read a host of other posts here today and it seems that the answers to getting the sidebar to display as I want vary per person/situation hence my additional post. I don’t want to have to create a new .css file as currently I don’t have access to our host and FTP to create new files so I was hoping to find a solution that is simple as me not having a button checked somewhere or something trivial.

I am somewhat new to WP and bbPress so the more fundamental the advice the better. My goal is to try and solve this with a little troubleshooting versus new child .php pages, etc.

Thanks in advance!

[Pascal Casier]

To remove the ‘Forums’ title, you could do some CSS:

.forum-archive h1 {
    display: none;
}

Pascal.

[Pascal Casier]

Okay, maybe this then:

CSS:

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

Also check the option called ‘Search’ in your dashboard: ‘Settings > Forums > Forum Features’

Pascal.

[Pascal Casier]

Kalimera,

Strange, mostly width 100% is needed, but it’s because of the width 100% that you have this issue 🙂

Try to add the following CSS:

#bbpress-forums div.reply {
  width: auto;
}

Pascal.

[Robin W]

you have an entry in your /forums/#6 css file line 288 which says

#bbpress-forums {
margin-top: -70px !important;
}

remove this and it will display correctly.