OK… so the option to uncheck embed is already available in the back end of BBpress at: settings/forum/auto-embed links.
So the plugin you linked to doesn’t really have anything to offer (other than stopping embeds in WP).
Another ham-fisted way around this bug it to use the css:
.bbp-reply-header a.bbp-reply-permalink {display:none}
(which by the way bbpress have done on these forums)
The downsides are:
1. no numbering reference on replies if someone want to quote or link to old reply.
2. In front end profile/replies no link on each reply to take user back to relevant thread.
What do you think is best: display or not display?
Are their any other options?
Look into this topic here for some help. Since you are just replacing the voices column you can do without some of the CSS and just put the views code in the voices column.
https://bbpress.org/forums/topic/create-new-column-for-topic-posts/
@scootsafe
Since you enabled threaded replies, which has an issue with some mobile responsive styles because how they are by default. Try this custom CSS, or disable threaded replies and see if your forums have a better layout, though I am not sure how the mycred badges will react.
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
display: block !important;
}
Something like this might work. In the post views plugin you will need to edit how it displays so it does not show “views” at the end of the number. If you do not want to mess with anymore files, or change the template view, just use the function in this post I created in this kind of similar topic.
https://bbpress.org/forums/topic/new-feature-viewhit-counts/#post-161937
loop-topics.php snippet
<ul class="forum-titles">
<li class="bbp-topic-title"><?php _e( 'Topic', 'bbpress' ); ?></li>
<li class="bbp-topic-voice-count"><?php _e( 'Voices', 'bbpress' ); ?></li>
<li class="bbp-topic-views-count"><?php _e( 'Views', 'bbpress' ); ?></li>
<li class="bbp-topic-reply-count"><?php bbp_show_lead_topic() ? _e( 'Replies', 'bbpress' ) : _e( 'Posts', 'bbpress' ); ?></li>
<li class="bbp-topic-freshness"><?php _e( 'Freshness', 'bbpress' ); ?></li>
</ul>
loop-single-topic.php
<li class="bbp-topic-voice-count"><?php bbp_topic_voice_count(); ?></li>
<li class="bbp-topic-views-count"><?php if(function_exists('the_views')) { the_views(); } ?></li>
<li class="bbp-topic-reply-count"><?php bbp_show_lead_topic() ? bbp_topic_reply_count() : bbp_topic_post_count(); ?></li>
CSS
#bbpress-forums li.bbp-topic-views-count {
float: left;
width: 15%;
text-align: center;
}
#bbpress-forums li.bbp-topic-title {
float: left;
text-align: left;
width: 43%;
}
Also make sure to surround your code with the backticks from the code button in the toolbar.
These-> '' <-these
Plugin Organizer plugin is good to prevent CSS, JS files to be called on bbPress forum pages, if they dont belong there.
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.
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(); ?>
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%;
}
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.
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;
}
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
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
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)
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.
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
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
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
You can use this kind of custom CSS.
#bbpress-forums .bbp-forums-list a {
font-size: 14px;
}
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.
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.
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).
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;
}
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/
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!
