[Robin W]

Put this in the custom css/additional css part of your theme

#bbpress-forums {
	width: 85% !important;
	margin: 0 auto !important;
}

you can amend the 85% to get the width you want

[Robin W]

your theme is hiding the bbpress breadcrumbs in

https://renaloo.com/wp-content/themes/digiqole-child/assets/css/custom.css line 2281

This function will add a reference to the breadcrumb

add_action ('bbp_template_before_single_topic' , 'rew_forum') ;

function rew_forum () {
	echo '<div class="rew_forum">' ;
	$topic_id = bbp_get_reply_topic_id() ;
	$forum_id = bbp_get_topic_forum_id() ;
	echo '<a href="' . esc_url( bbp_get_forum_permalink( $forum_id ) ) . '" class="bbp-breadcrumb-forum">' . bbp_get_forum_title( $forum_id ).'</a>' ;
	echo '</div>' ;
}

Put this in your child theme’s function file –

ie wp-content/themes/%your-theme-name%/functions.php

where %your-theme-name% is the name of your theme

or use

Code Snippets

[carasse64]

Hi Robin

I run a Buddypress site.

I have decided to add a bbpress forum to my buddypress site because it allows to sort, archive and retrieve easily threads. In fact, when a user posts a question in the “what’s new” text box in buddypress and when other users comment this post, the thread quickly diseappears under the newsfeed activity. So, it becomes impractical to retrieve this interesting thread later. That’s why I prefer to prevent the users from posting anything on the newsfeed page and to force them to create a forum topic to launch a discussion.

With a bbpress forum, the topics and the different forums allow to have a look easily on every topics created and it is very simple to search any type of topic with the search feature.

So, to get a perfect combination of Buddypress and Bbpress, I am trying to get the next features :

1. Disable the “Comment” button when a forum topic is displayed on the newsfeed = we can configure it in the buddypress general settings = OK.

2. I would like to allow the user to directly reply to the topic by clicking on the comment reply button (https://www.awesomescreenshot.com/image/25491233?key=5f722a0092c6fc6fb5d7e7dcbf3adce1). Actually, if he clicks on this button he just will be able to commment the activity. It would be great if by clicking he could reply to the topic.

The new link for the comment reply button would be the direct link to reply the topic : https://www.awesomescreenshot.com/image/25491342?key=6df01354ef860a0351170ced90f89800

3. Hide the “what’s new” text box at the top of the newsfeed page = I did it with css/display=none. I have created instead a “new topic” button in a widget (https://www.awesomescreenshot.com/image/25600135?key=a39ade63109934dbde5356a38eef49e5)

4. When a user creates a buddypress group, a forum should be automatically created with the same name as the group (the user can’t choose if he wants to create a forum or not). Is it possible to force that ?

5. When a user creates a new topic from a buddypress group forum, the “Create new topic” button (instead of the “what’s new” text box) should create a new topic directly in the group linked to the forum. Is it possible to force that ?

6. Once a new topic is created, when you push the “Submit” button, you should be linked to the newsfeed page to see how the topic you have just created is displayed on the newsfeed = I have already opened a new topic on bbpress forum for that 🙂

I hope you understand all what I mean with my poor english. I have contacted the theme’s author (BuddyX/Webcom design) but they answered they can not help me.

Do you think it is possible to configure such features ?

Thanks a lot.

Fabien

[patrick_here]

Hmmm… Thanks very much Robin…

Someone else implemented this website with elementor (free version) …I’ve never worked with Elementor before.

As best as I can tell, that post-26.css is a generated css file generated under uploads/elementor/css/post-26.css. Perhaps this is really an elementor question…

In view of the fact that I’m using a shortcode on a page to get my forum index to appear, I’m trying to figure out how to get the forum to appear on the page in a way that will leave me free to style the forum:

• As it is now the entire forum inherits the elementor styles. (I would need the header and footer from the elementor theme but wouldn’t want the elementor styling in the body where the forum bbPress shortcode is located)
• A separate problem is that, in at least some cases, it seems that the forum description text itself is not surrounded by any html tag at all so it seems that I would not be able to target it with a specific css selector …it could only inherit styling from an outer selector higher up the chain.

[Robin W]

yes your theme has a style sheet

wplms/assets/css/bbpress.min.css

which contains

#bbpress-forums ul.bbp-forums li.bbp-body .reply .bbp-reply-header .bbp-admin-links,
#bbpress-forums ul.bbp-forums li.bbp-body div.hentry .bbp-reply-header .bbp-admin-links,
#bbpress-forums ul.bbp-replies li.bbp-body .reply .bbp-reply-header .bbp-admin-links,
#bbpress-forums ul.bbp-replies li.bbp-body div.hentry .bbp-reply-header .bbp-admin-links,
#bbpress-forums ul.bbp-topics li.bbp-body .reply .bbp-reply-header .bbp-admin-links,
#bbpress-forums ul.bbp-topics li.bbp-body div.hentry .bbp-reply-header .bbp-admin-links {
 position:absolute;
 bottom:15px;
 right:0
}

which moves the links, and makes them unclickable

[Mike8857]

bbPress Version 2.6.5 <

WordPress 5.4.2

Among other instructions I used bbPress Styling Crib (https://codex.bbpress.org/bbpress-styling-crib/). I copied bbpress.css into the wp-content/themes/%your-theme%/css/ folder as directed in the Step by step guide to setting up a bbPress forum – part 2 (https://codex.bbpress.org/step-by-step-guide-to-setting-up-a-bbpress-forum-part-2/).

The bottom line is that I changed every “font-size:” tag in bbpress.css (and there are 40) trying to have SOME effect. Nothing.

The tiny text makes the forum unusable. Changing the font size, from much of what I’ve read, is simple.

What am I doing wrong???

Thanks in advance

[failxontour]

Hey so I’m trying to enqueue custom CSS for bbPress v2.6.4 on the WP 5.4.1 clan website running a WP Twenty Twenty-child theme.

This is what my functions.php currently looks like

<?php
/**
* Child theme stylesheet einbinden in Abhängigkeit vom Original-Stylesheet
*/
add_action( 'wp_enqueue_scripts', 'child_theme_styles' );
function child_theme_styles() {
  wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
  wp_enqueue_style( 'child-theme-css', get_stylesheet_directory_uri() .'/style.css' , array('parent-style'));
  wp_enqueue_style( 'child-theme-css', get_stylesheet_directory_uri() .'/css/bbpress.css', array());
}
?>

And this is how my bbpress.css looks like.

#bbp-forum-info,
#bbp-forum-topic-count,
#bbp-forum-reply-count,
#bbp-forum-freshness {
  color: #232323;
}
#bbpress-forums {
  background: transparent;
  clear: both;
  margin-bottom: 20px;
  overflow: hidden;
  font-size: 1.75rem;
  color: #232323;
}

The changes I applied in the bbpress.css won’t update the bbpress CSS on the above mentioned site. So their must be something wrong with my functions.php but I can’t yet put my finger on it how to load it properly as I’m pretty new when it comes to WordPress. I wanna append these changes globally to all parts of bbPress forum.

Can someone tell me to if and what i need to specify inside the arrray() call for the bbpress.css to load properly? Or hint me towards what’s wrong here.

[Chuckie]

Hi

I have some queries and I wonder if you can help me get to the bottom of them. I would be grateful for your guidance. Here is the background.

I am using the latest bbPress plugin and I notice that the bbpress.css file is 1702 lines long.

I am using a premium theme (seos-video-premium) and even though I am using a child theme, I have noticed that my Support forum is actually using:

wp-content/themes/seos-video-premium/seos-video-premium/css/bbpress.css

I assume this is because there is no bbpress.css in my child theme css folder so it uses the themes one instead of the bbPress plugin’s one?

So I have two specific questions here.

1/ the bbpress.css file in the premium theme folder is actually 1408 lines of code. So it is 300+ lines shorter than the plugin version. To be honest, I was not expecting to find a bbpress.css file inside the theme. So what am I supposed to do? Simply replace the theme version with your plugin version?

2/ I have been trying to use a beta version of EnlighterJS Plugin (it is their beta that uses EnlighterJS v3. There was an issue with these styles:

#bbpress-forums div.bbp-topic-content pre,
#bbpress-forums div.bbp-reply-content pre {
	display: block;
	line-height: 18px;
	margin: 0 0 24px;
	padding: 5px 10px;
	white-space: pre;
	overflow: auto;
}

In their classes they have this styling:

.enlighter-default .enlighter-raw {
    display: none;
    min-width: 100%;
    line-height: inherit;
    font-size: 12px;
    font-family: inherit;
    margin: 0;
    padding: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    border: none;
    box-shadow: none;
}

The HTML is:

<pre class="enlighter-raw">.textMaterial {
  /* Uncomment to hide the material */
  /* display:none;*/
  font-size: 10pt;
  font-style: italic;
  font-weight: 700;
  background-color: yellow;
}
.textMethod {
  /* Uncomment to hide the method */
  /* display:none;*/
  font-size: 10pt;
  font-style: italic;
  font-weight: 700;
  background-color: cyan;
}</pre>

Notice that ttheir CSS style uses display: none;? The bbpress CSS file pre class has a display:block;. This causes a problem with the plugin I am trying to use.

The author does not want to use !important because he says it is bad design. So how do we fix this? How can we allow bbpress to do what it wants with pre and EnlighterJS do what it wants?

[hydrogriff]

Please refrain from bumping this quick. Check the responses in this thread.

[tinkerbill]

Apparently we’re not the only ones. See Child CSS

[Tom]

I noticed once I got my 2.6.1 working that all the font size is tiny, when I made my theme I used some custom css to re-size the font way before I moved to 2.6.1, I also found this thread

Upgrade to 2.6.1 No Longer Loads Custom CSS

But no replies, did custom css/themes change?

The default font size if for ants.

https://piratemc.com/forums/

[Wasca]

Hi Guys

I tried updating from 2.5.14 to 2.6.1 and after the update my forum was no longer loading my custom css file that lives in /wp-content/themes/theme_child/css/bbpress.css and the forum lost all my custom styling.

Any idea why it appears to be ignoring that css file now?

[gamersk]

Hello,

I have problem. I have on website bbPress with demo data but when i chose some forum or some subpage it’s blank. https://gamenice.sk/forum/

functions.php

<?php
show_admin_bar(false);
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
function theme_enqueue_scripts() {

    $template_directory_uri = get_template_directory_uri();

    wp_enqueue_style( 'reset', $template_directory_uri . '/assets/css/reset.min.css', false, '1.0' );
    wp_enqueue_style( 'app', $template_directory_uri . '/assets/css/app.min.css?v=' . time(), array( 'reset' ), '1.0' );
    wp_enqueue_style( 'forum', $template_directory_uri . '/assets/css/forum.min.css?v=' . time(), array( 'app' ), '1.0' );

    wp_enqueue_script( 'html5shiv', $template_directory_uri . '/assets/js/html5shiv.min.js' );
    wp_script_add_data( 'html5shiv', 'conditional', 'lt IE 9' );
    wp_enqueue_script( 'selectivizr', $template_directory_uri . '/assets/js/selectivizr.min.js' );
    wp_script_add_data( 'selectivizr', 'conditional', 'lt IE 9' );

    wp_enqueue_script( 'jquery', $template_directory_uri . '/assets/js/jquery.min.js', false, '3.3.1' );
    wp_enqueue_script( 'app', $template_directory_uri . '/assets/js/app.js', array( 'jquery' ), '1.0' );

    wp_localize_script( 'app', 'carouselSettings', array( 'timeout' => get_option('carousel_timeout').'000' ) );
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_scripts' );

function get_excerpt($where = ''){
    $excerpt = get_the_content();
    $excerpt = strip_shortcodes($excerpt);
    $excerpt = strip_tags($excerpt);
    switch ($where) {
        case 'carousel':
            if ( wp_is_mobile() )
                $excerpt = substr($excerpt, 0, 120);
            else $excerpt = substr($excerpt, 0, 250);
            break;
        case 'head':
            $excerpt = substr($excerpt, 0, 200);
            break;
        default:
            if ( wp_is_mobile() )
                $excerpt = substr($excerpt, 0, 300);
            else $excerpt = substr($excerpt, 0, 725);
            break;
    }
    $excerpt = substr($excerpt, 0, strripos($excerpt, " "));
    $excerpt = $excerpt.'...';
    return $excerpt;
}

function get_thumbnail_url() {
    $thumbnail = get_the_post_thumbnail_url() != '' ? get_the_post_thumbnail_url() : get_template_directory_uri() . '/assets/img/og-image.png';
    return $thumbnail;
}

function themename_custom_logo_setup() {
    $defaults = array(
        'height'      => 111,
        'width'       => 220,
        'flex-height' => true,
        'flex-width'  => true,
    );
    add_theme_support( 'custom-logo', $defaults );
}
add_action( 'after_setup_theme', 'themename_custom_logo_setup' );
add_theme_support( 'post-thumbnails' );
function register_my_menus() {
  register_nav_menus(
    array(
      'header-menu' => __( 'Header Menu' ),
      'footer-menu' => __( 'Footer Menu' )
    )
  );
}
add_action( 'init', 'register_my_menus' );
function show_menu($menu_name) {
    $defaults = array(
        'theme_location'  => '',
        'menu'            => $menu_name,
        'container'       => '',
        'container_class' => '',
        'container_id'    => '',
        'menu_class'      => $menu_name,
        'menu_id'         => '',
        'echo'            => true,
        'fallback_cb'     => 'wp_page_menu',
        'before'          => '',
        'after'           => '',
        'link_before'     => '',
        'link_after'      => '',
        'items_wrap'      => '<ul class="inline-list %2$s">%3$s</ul>',
        'depth'           => 0,
        'walker'          => ''
    );
    wp_nav_menu($defaults);
}

include 'inc/theme-settings.php';

forum.php

<?php include 'header.php'; ?>

<section class="forum-wrapper">
    <div class="container">
        <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

            <?php the_content(); ?>

        <?php endwhile; endif; ?>
    </div>
</section>

<?php include 'footer.php'; ?>

[Robin W]

it is not good practise to amend bbpress (or any plugin) files.

The code should go in the custom css area of your there if it has one, or via a plugin such as https://en-gb.wordpress.org/plugins/simple-custom-css/

for the threads are, the simplest would be to use my style pack plugin

bbp style pack

and change the roles in

dashboard>settings>bbp style pack>forum roles

for your specific area, we would need the code you added in your functions file, but that should be able to then use the plugin settings above

[sopliar]

Hello BBPRESS community,

I really want to change color of my usergroups in my forum made by bbpress.
I have the standard role (keymaster, moderator, blocked ecc) but with names modified by editing the file functions.php in my theme folder.

Now I would like to change the color in the status bar and in the topic/threads, example Administrator in the red, moderators in blue ecc.
I tried a insert this code in bbpress/templates/default/css/bbpress.css:

.bbp-author-role-keymaster {
background:blue;
color:white;
padding:0 5px;
}

but it does not change anything, why?
I want to change color here

View post on imgur.com

and in threads/topic discussion.
How I do?
Thank you very much.

[Robin W]

your theme is doing extensive bbpress changes.

It has a file at

https://enviroforum.net/website/wp-content/themes/enviroforum/lib/css/bbpress.css?ver=456a73969e36e761f6215426bf37ff30

which is turning off and on all sorts of things.

Sorry, but I can only suggest you contact the theme author to see if he can help

[aevers14]

Hi my site is rightfootflat.com and basically in my forum once you register for an account you get sent to the admin login for WordPress and I would like it to redirect to the forum front page. I filezilla sftp but I am not very knowledgeable with css/HTML any help would be great 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 :)!

[Manuel Fritsch]

Thank you all for your feedback. After some thorough investigation, I managed to finally configure my caching so that it actually works (never checked that… my mistake – I entered the wrong path in .htaccess). Also, I hard-coded some tweak in my theme, something which was only recently brought to my attention.

And this morning, one of our users finally had site load times of <1s on our forums. I can happily leave them on our main site – even if P3 reported bbpress & Associates as major sources of site load time: That it still is very little with good caching and static CSS/JS files in place (which I did not have before, they were computed on site load, thanks to my theme).

Best
Manuel

[Bet Hannon]

Hi Pascal! Thanks for your quick reply!

Unfortunately, no — these forums are locked down to only approved users.

The CSS is in /plugins/bbpress/templates/default/css/bbpress.css, line 896:

/* =Stickies
-------------------------------------------------------------- */

.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
	background-color: #ffffe0 !important;
	font-size: 1.1em;
}

I need to change that background color. But I’m not a CSS ninja, and I’m not sure how to override that !important from the default plugin CSS. This is when adding a 2nd !important to trump the first would be handy. 🙂

[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

[BassSpleen]

Hello,

I’m pretty new to wordpress+bbpress (been working with it for a few days now). In the past I have used other forum boards, but since I’m using wordpress now I figured while the hell not try out bbpress ?
So far I like it, I’m still working things out but I managed to do what i wanted using google when I was hitting a wall.

Now, what i’d like to do is change bbpress layout from this :

to something like this :

Even with some research I don’t know what/how to modify this. I have read the “Layout and functionality – Examples you can use” in the codex (and actually used one to get the forum list to be block instead of inline) but it doesn’t mention this kind of modification.

My html/css/php knowledge is really basic, and obviously not enough to do this on my own.

If someone could point me in the right direction I’d gladly appreciate it. Thanks !

Wordpress version : 4.4
bbpress version : 2.5.8-5815
theme used : vantage

[maingraph]

My forum is this

http://asiahairtalk.com/forums/topic/anyone-here-has-started-any-new-treatment/

And i have tried to edit the font size at /plugins/bbpress/templates/default/css/bbpress.css

but i dont see the font changes at all.

I am trying very hard to edit:

1) reply font size
2) Author name’s font size
3) Avatar size
4) alternate post background colour

Thanks guys for helping.

[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

[ptichka]

Hi.

I am trying to improve the look and feel of my forum but without success 🙁
Here’s what my topics currently look like:
http://www.authentic-jerusalem-tours.com/forums/topic/good-places-eat-saturday-jerusaelm/

What i want to achieve is:

1. Have the title displayed within the topic frame (not just in the page title bar)
2. Align the topic text with the author box on the left so it appears next to it rather than bellow it.

I’m not great at CSS/PHP so precise instructions would be very appreciated.

Thanks