[Stagger Lee]

Plugin Organizer plugin is good to prevent CSS, JS files to be called on bbPress forum pages, if they dont belong there.

[Stagger Lee]

Man, you are a creature from nowhere, you dont exist.

How do you manage all this. And how do you update template files and CSS when changing so much. It was main reason allways preventing me to meddle much with forum layout and design.

[kkpb8084]

Thanks Robkk, but I’m still struggling a little. Are you able to offer any further guidance to help me neaten things up.
I’ve changed my CSS to:

li.bbp-forum-info,
li.bbp-topic-title {
float: left;
text-align: left;
width: 40%;
}
li.bbp-forum-topic-count,
li.bbp-topic-voice-count,
li.bbp-topic-views-count,
li.bbp-topic-reply-count {
float: left;
text-align: center;
width: 8%;
}

li.bbp-topic-freshness {
text-align: center;
float: left;
width: 18%;
}

And I’ve created a loop-topics.php in my child theme which I’ve edited as:

<li class=”bbp-header”>

<ul class=”forum-titles”>
<li class=”bbp-topic-title”><?php _e( ‘Topic’, ‘bbpress’ ); ?>
<li class=”bbp-topic-reply-count”><?php bbp_show_lead_topic() ? _e( ‘Replies’, ‘bbpress’ ) : _e( ‘Posts’, ‘bbpress’ ); ?>
<li class=”bbp-topic-views-count”><?php _e( ‘Views’, ‘bbpress’ ); ?>
<?php if(function_exists(‘the_views’)) { the_views(); } ?>
<li class=”bbp-topic-voice-count”><?php _e( ‘Voices’, ‘bbpress’ ); ?>

<li class=”bbp-topic-freshness”><?php _e( ‘Freshness’, ‘bbpress’ ); ?>

I’ve also edited loop-single-topic.php in my child theme (to get views on topics, rather than the forum as a whole), which I’ve edited as (from about line 86):

<li class=”bbp-topic-reply-count”><?php bbp_show_lead_topic() ? bbp_topic_reply_count() : bbp_topic_post_count(); ?>

<li class=”bbp-topic-views-count”>
<?php _e( ‘Views’, ‘bbpress’ ); ?>
<?php if(function_exists(‘the_views’)) { the_views(); } ?>

<li class=”bbp-topic-voice-count”><?php bbp_topic_voice_count(); ?>

[Robkk]

Yes you would need to adjust some CSS styles from the forum.

The styles specifically are these, although these will change when you reach a specific device width. You will need to adjust the width taking some out of the title section most likely. You might want to also look into adding another column heading for views, by copying the loop-topics.php template into your child theme.

li.bbp-forum-info,
li.bbp-topic-title {
	float: left;
	text-align: left;
	width: 55%;
}
li.bbp-forum-topic-count,
li.bbp-topic-voice-count,
li.bbp-forum-reply-count,
li.bbp-topic-reply-count {
	float: left;
	text-align: center;
	width: 10%;
}

li.bbp-forum-freshness,
li.bbp-topic-freshness {
	text-align: center;
	float: left;
	width: 22%;
}

[Robkk]

1. Robins plugin uses the same file that has been tossed around these forums for the past 2 or so years.

https://github.com/robkk/bbPress-Hierarchical-Forum-and-Category-Layout

4. You should probably just keep them, as they help with moderation on the frontend. There is a link in the description to show all posts including ones that may be pending moderation. The yellow ones just help notify users whats up, so if they cannot post for soem reason and there is no notice, they would not know what the issue is.

Here is a link to the code though.

https://bbpress.org/forums/topic/where-can-i-remove-the-this-forum-contains-topics-and-themes/#post-167642

5. If you are minifying your CSS, then I say do not worry about this feature.

I don’t really think there is a best practice for forum rules/admin content, it is whatever works for you and makes most sense in the end.

[fpradmin]

Thank you both for the help. I installed the “Simple Custom CSS” Plugin and fixed both issues by adding the following code there, after removing the code to “get sidebars” in bbpress.php

/* Change Post Font Color to Black */
.post-inner .entry{ color: #000; }

/* Increase Forums to Full-Width of Page - after removing get sidebar code from bbpressphp */
.bbpress .main-inner,
.bbpress .main,
.page-template-full-width .main-inner,
.page-template-full-width .main  {
  background: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* Increase Font Size on various items in bbPress */
#bbpress-forums,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta,
div.bbp-breadcrumb,
div.bbp-topic-tags,
span.bbp-admin-links a,
#bbpress-forums div.bbp-forum-author .bbp-author-role,
#bbpress-forums div.bbp-topic-author .bbp-author-role,
#bbpress-forums div.bbp-reply-author .bbp-author-role,
span.bbp-author-ip,
div.bbp-template-notice p,
#bbpress-forums #bbp-your-profile fieldset span.description  {
	font-size: 16px !important;
}

#bbpress-forums .bbp-forums-list a {
  font-size: 18px;
}

li.bbp-forum-info a.bbp-forum-title,
li.bbp-topic-title a.bbp-topic-permalink,
#bbpress-forums div.bbp-topic-content p,
#bbpress-forums div.bbp-topic-content p,
#bbpress-forums div.bbp-reply-content p {
  font-size: 20px;
}

[LilGames]

Where does the “(bbpress) Login Widget” get its styling from? The default layout I have right now has bad layout regardless of sidebar width. For example there doesn’t seem to be enough width for even the word “Username:” to appear without the colon wrapping around like this:

Username
:

Same for “Remember Me” which looks like this:

Remembe
r Me

The input text fields have plenty of room to the right they could align to.

I would attach an example image but this forum doesn’t seem to support that feature. I have searched the support forums and documentation and haven’t found styling advice that works. Can someone tell me exactly what CSS is required to modify this widget? I have tried just setting the background color so I know I have the right CSS path and yet, I can’t get that working.

Yes, I’ve inspected with Chrome inspector. Yes, I have experience with CSS and styling other parts of the WP site I am working on. It’s just widgets that I can’t seem to get the CSS “path” right.

THanks

[khunmax]

The following CSS works to resolve issues .2 and .3 above:

#bbpress-forums .bbp-forums-list {border:none; color:#INSERTHEXCOLOROFYOURLINKS;}

I am still hopeful to receive some input on 1. .4 and .5 and the best practice question.

Kind Regards

Max

[fpradmin]

I’ve been lurking for a week now, and have tried multiple things, to force the Forums to show in Full Width, within the Hueman theme page template.

I have created a bbpress.php page, and this allowed me to get rid of the sidebars, and shows the First Page of the Forums at full width(the way I want it), but when you click one of the Topics, it goes back to the default page template, and the space where the sidebars were, still exists, so the Forums are squished between two blank sidebars. How can I make the Forums/Topics pages spread across the full width of the page? I don’t want to see the sidebars while using the Forums.

Also, I would like to increase the Font size in the Forums to make it more legible to Readers.

I realize all of this is harder to do within the Hueman Theme because the Forums are injected into the default site template, with exception of the First Page(I created), and it may take some css to make it work. I’ve tried a few snippets of css I found in other posts, to no avail. I need some css help specifically with this Hueman theme. I’m not a developer, nor do I really understand child themes, and I’m currently not using any. I would prefer to edit custom css only, rather than my style.css, to avoid breaking things.

Thanks for any help you can offer. FrustratedPaulRevere.com (Link to Forums is at the Top of the Page)

[kkpb8084]

Hello
I’m trying to create a website which is only a forum. Therefore most recent topics posted will be on the homepage. It’s not being used yet, so there are just a couple of test topics.

I wanted to add a column called ‘Views’, so that there are the headings: Topic + Posts + Views +Voices + Freshness

Can anyone help me to do this? As you’ll see from my website (http://psychiatryadvice.com/), I’ve got the ‘Views’ heading in every topic, and not in the grey box where all the other headings are. This is skewing all the info.

I’ve added the Views information by editing loop-single-topic.php and using the plugin WP-PostViews.

I’m presuming it is a CSS issue I’m not addressing?

using:
WordPress 4.5.2 running twentysixteen-child theme
bbPress 2.5.9-6017

Many thanks.

[khunmax]

Please excuse the length of this post. It seeks information regarding functionality and best practice.

FUNCTIONALITY

I have developed my own functionality plugin for BBpress and would be very grateful if some one could provide me with the functions snippets for the following features:

1. Creating a header and footer for each individual forum in the index list (ala Style kit template option)

2. Removing the vertical bar that appears to the left of the sub-forum list when the following code is used:

#bbpress-forums .bbp-forums-list li {display: list-item !important;}

3. Removing the commas that appear in the vertical list of the subforums. This looks odd and ugly. My links are style in orange and then at the end of each subforum there is a black comma. Can this comma be removed or can it be styled with css so that its color is the same as the subforum links? If it can be styled what is its unique selector?

4. The BBP toolkit has an option to remove all of the blue and yellow alert/info boxes. What is the snippet for this function?

5. The BBp toolkit has an option to only add css to BBP pages. What is the snippet for this function and is it necessary(or a possible conflict) if I chose to run WP minify?

BEST PRACTICE
This is the first site I have developed with a forum. What is the best practice regarding admin forum content, forum rules is a relevant example. Should I create a forum dedicated to my admin topics (included form rules), or rather, should I just create topics for admin content and make them super sticky (which I understand means they will appear at the top of every forum)

Again my humble apologies for the length of this post. And, as always, thanks very much for anyone render their valuable assistance.

Kind Regards

Max

[khunmax]

With Robin’s valuable assistance I now have a created new topic link at the top of each of my forums.

However one forum is for my use solely and only contains locked topics such as forum rules.

1. Is there a snippet of code that I can add to my functionality plugin that allows me to selectively remove the create new topic link from atop a specific forum?

2. And,or, can the create new topic link just be hidden using CSS visibility:hidden, and if so what is the link’s unique selector?

Thanks in advance for any assistance provided.

Kind Regards

Max

[khunmax]

There were features in both the BBp Style Pack and BBpress Toolkit that I desired.

Unfortunately when ever I installed both plugins, my site became buggy. There is a conflict between the two it would seem.

So I bit the bullet and created my own functionality plugin and used it and WP Custom CSS to create each of the features and styling I desired from the Style Pack and the Toolkit.

There are just three features that I couldn’t find any documentation for:

1. Changing the header label Freshness to other wording, and
2. Creating a “create new topic” link.

I am aware that the first of these features is also included in Robins other plugin called Latest Post (or something like that) however that plugin also includes another feature that I do not require (as I have coded my own)

And so my request. Can someone please provide me with:

1. a function snippet to change freshness to other wording
2. a function snippet to add a “create new topic” link at the top of a forum

Thanks in advance for any assistance.

Kind Regards

Max

[AlassinSane]

Hello!

An example of the problem I’m having is this page from my website: http://skyrimromance.com/forums/topic/introdutions/

There are 51 replies on one page, but in the Forums settings I have it set to only show 12 replies per page. The forums have been running since January and have never shown this pages within a topic feature, and with my users’ topics growing exceedingly long it is something that is sorely needed.

Another issue is the topic does not display its title above the first post or display any breadcrumbs, even though I have been repeatedly setting it to do so in the settings. I would love to know if that can also be fixed!

I have the bbp style pack and BuddyPress plugins installed.

I also have no idea how to edit the CSS so if that is the solution could you please explain how to get to it clearly?

Thank you!

[Robkk]

You can use this kind of custom CSS.

#bbpress-forums .bbp-forums-list a {
  font-size: 14px;
}

[checmark]

New to bbPress and I’ve looked everywhere for how to change the colors to match my site design better. I thought I had found the correct CSS to change the background color and added it to my custom CSS for the Avada theme –

#bbpress-forums {
background-color:#0d4d00 !important;
}

but it did nothing. Appreciate if someone could steer me in the right direction. Thanks.

[Robkk]

Here is some CSS to float the forum subscribe link to the right. You can also just display in block to make the link just have its own row.

https://codex.bbpress.org/layout-and-functionality-examples-you-can-use/#17-move-subscribe-to-right-hand-side

This css will fix some padding issues for lists in your bbPress forum.

#bbpress-forums li {
  padding-bottom: 0;
}

Since I couldn’t really read what was in the red oval I hope this helps.

[Robkk]

Without looking at your site, this is possibly just a common CSS issue with left padding on lists (bbPress uses lists for its forum layout).

[Robkk]

This is a common theme related issue, where avatars are displayed in block instead of inline or inline-block. Add this CSS anywhere you can add your custom CSS like a child themes style.css file or a seperate 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;
  display: inline-block;
}

[Robkk]

Where exactly in the forums do you want to display this.

In the default description area this might be a little too much for the default layout in bbPress. I say hire a designer and make the forum page title for each forum display nice and gold like how it is displayed, use the same font you chose to style the forum titles in bbPress (maybe in topic titles too for consistency), and keep the description similar to how you have it and just style it in bbPress using CSS. You might have to have heavily style and customize the bbPress templates to achieve a good looking layout like this. Place any bbPress templates in your child theme or custom made theme so they can easily be customized.

https://codex.bbpress.org/themes/theme-compatibility/

[akira010203]

Hello,

I got an issue while trying to put a background color under the role name on my forum.

I added this to my function file :

function rk_show_role_classes($classes) {
    $replyid = bbp_get_reply_author_id();
    $bbp_get_role = bbp_get_user_display_role($replyid);
    $bbp_display_role = strtolower($bbp_get_role);
	  
  
	$classes[] = $bbp_display_role;
	return $classes;
}
add_filter( 'bbp_get_topic_class','rk_show_role_classes' );
add_filter( 'bbp_get_reply_class','rk_show_role_classes' );

and this into my css file :

#bbpress-forums .participant .bbp-author-role {
  background-color: blue;
#bbpress-forums .keymaster .bbp-author-role {
  background-color: red;
#bbpress-forums .moderator .bbp-author-role {
  background-color: green;

But it only works with the participant role. Maybe I’m not using the correct keymaster and moderator role name. Is someone already did that and can help me to sold it out ?

Thanks!

[thedhc]

Hi folks,

I am running WordPress 4.5.2 with the following plugins:

** PLUGIN INFORMATION **
Active Plugins: (21)
– Activity Log 2.2.12
– Basic User Avatars 1.0.3
– bbP private groups 3.2.0
– bbPress 2.5.9
– bbPress Advanced Statistics 1.3.13
– bbPress Pencil Unread 1.0.9
– bbP Toolkit 1.0.6
– Blizzard Quotes 1.3
– BlizzBlueWidget 4.0
– Coming Soon Page & Maintenance Mode by SeedProd 5.0.2
– Login With Ajax 3.1.6
– Pollka polls 2.0
– WordPress System Report 1.0.1
– World of Warcraft Recruitment Widget 1.1.5
– WoW Guild Armory Roster 0.4.3
– WoWHead Tips 3.0.1
– WoW Progress 1.5.1
– WP-Mail-SMTP 0.9.5
– WPFront User Role Editor 2.12.4
– WP reCaptcha Integration 1.1.10
– WYSIWYG Widgets / Widget Blocks 2.3.5

The theme used is Legion Zero.

In my bbpress forum when i want to reply to a message you get the editor just like on this forum. I hit the link button:

And i am faced with a white popup background and white-ish text which is too hard to read as shown below:

I am unable to find which CSS this is causing so i can change it. I can only find the background of the bit where it says “Insert/edit link” and this is in wp-includes/css/editor.min.css and exact value is #link-modal-title which is set to #fcfcfc.

The part below it, i cannot find.

Can anyone assist me?

Cheers :)!

[Robkk]

Here is the CSS you will need add it to your child themes style.css file or in a custom css plugin.

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
  font-size: 16px;
}

[Robkk]

This is caused by some styles from your theme that is for WordPress comments reply link.

Add this custom CSS snippet to a custom css plugin or in a child themes style.css file

#bbpress-forums .reply {
  text-transform: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}

[fullmoonfriday]

I have done a lot of investigation on this. Following some other dicssussion it seems a confused area.

Hidden Groups and Forums not showing for members of them

Basically giving the role to the subscriber to read private/hidden forums, will them show the private and hidden group forums onto their profile.

This does however give the user to view all groups on bbpress site during the edit topic stage. Maybe direct url access too?

Any private forums on the site are also no longer private.

Seems strange that it isn’t default to show a user their topics / subscriptions ect from their groups on their profile. Is there any reason for this? I’m pretty sure it is just a query that is missing to include these from hidden and private groups…