[Robin W]

put this in the style pack custom css or your theme’s custom css

#bbpress-forums .status-closed, #bbpress-forums .status-closed a {
	background-color: none !important;
}

[enkoes]

Hi, I recently saw this topic and it helps me solve one problem.

I can finally use this CSS to disable the grey-out effect when the topic is closed:

#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
color: #000 !important;
}

From this previous topic also, CSS can do equally well to add [Closed] label beside the closed topic title in topic list page:

#bbpress-forums .status-closed > li.bbp-topic-title > a.bbp-topic-permalink:after {
	content: "[Closed]";
	text-shadow: 1px 1px 0 #ffffff;
	color: #ff0000;
	margin-right: 5px;
}

I wonder if we can use CSS (instead of PHP codes) to add another [Closed] label beside the topic title in single topic page. Any solution?
See https://paste.pics/N5WS0

Also, I’m still searching for ways to disable the defaulted pink font highlight when the topic is closed. Hope somebody can help.
See https://paste.pics/N8U5T

Regards.

[Robin W]

try adding this to your theme’s custom css

@media only screen and (max-width: 480px) {

#bbpress-forums .bbp-body div.bbp-reply-author, #bbpress-forums .bbp-body div.bbp-topic-author {
	float: none;
	margin: 0px; 
	min-height: 2px;
}

}

[valarcher]

Hi Robin – thanks million for renaming title. That php works perfectly. Sadly the other problem of 1/3-col doesn’t work addressing #bbpress-forums. It works if I target the entire page, then every forum title like this:
#post-9486,#bbp-forum-9475,#bbp-forum-9473,etc {width:100%;}
but the moderator doesn’t have access to css so won’t be able to add every forum to css when she creates it.

I’ll carry on hounding astra for solution. Otherwise worst case scenario I just set blog archives to 1 column.

While I have you… your code here:
/** bbPress: add description under forum titles
https://codex.bbpress.org/layout-and-functionality-examples-you-can-use/ */

function rw_singleforum_description() {
  echo '<div class="bbp-forumpage-content">';
  echo bbp_forum_content();
  echo '</div>';
}
add_action( 'bbp_template_before_single_forum' , 'rw_singleforum_description');

You have the first echo as “bbp-forum-content” but by changing it to “forumpage-content”, we’re able to target the description on index page and description on forum page separately in css, eg. on forum pages I have it red bold and centered, whereas on index page I have it in regular left-aligned text.

Thanks million for all the work you put into the codex! I’m not keen on installing plugins such as your style pack, so codex is really helpful finding just the php I need.

Do you perhaps have any solution to this code? I’m trying to grey out the user’s email on their profile page so they can’t update it. But I need users to update other info like website and bio. However with code below, if I test writing words in bio (as a logged in participator, not as keymaster) and try saving it, I get “Error: Please enter an email address.” I can see the email greyed out there.

Do you know a way to fix it so ONLY the email and role can NOT be changed (although role does not even display on a participant user’s page) and everything else can be edited? (except for username of course)

/** bbPress/WP: prevents subscriber from changing email (greyed out)
https://www.role-editor.com/hide-disable-wordpress-user-profile-fields/ */

add_action('admin_init', 'user_profile_fields_disable');
function user_profile_fields_disable() {
global $pagenow;
// apply only to user profile or user edit pages
if ($pagenow!=='profile.php' && $pagenow!=='user-edit.php') {
return;
}
// do not change anything for the administrator
if (current_user_can('administrator')) {
return;
}
add_action( 'admin_footer', 'user_profile_fields_disable_js' );
}
/**
* Disables selected fields in WP Admin user profile (profile.php, user-edit.php)
*/
function user_profile_fields_disable_js() {
?>
<script>
jQuery(document).ready( function($) {
var fields_to_disable = ['email', 'role'];
for(i=0; i<fields_to_disable.length; i++) {
if ( $('#'+ fields_to_disable[i]).length ) {
$('#'+ fields_to_disable[i]).attr("disabled", "disabled");
}
}
});
</script>
<?php
}

I know nothing about php – other than simple stuff like seeing I can change forum-content to forumpage-content!

[Tim Wilson]

I have made some progress (sort of) I purchased Miresa – WordPress Rich Text Editor plugin for BuddyPress and disabled bbPress. Unfortunately the Miresa Editor is not working properly but may only require some custom CSS to fix it. I have contacted the author egemenerd. We will see what transpires.

Plugin GD bbPress Attachments, suggested by some for attaching files to BuddyPress forums doesn’t work for me. I cant access the settings. It gives me an error message

[Robin W]

waiting for an email from someone else, so playing with this – this should work

#bbpress-forums li.bbp-header {
	background-color: blue;
}
#bbpress-forums li.bbp-footer {
	background-color: green;
}

if you put this in

dashboard>settings>bbp style pack>custom css

then it will exceute at the right point

let me know if it doesn’t work

[3dbyte]

I did with css lastly. Thanks again for this great plugin. Just I couldn’t solve to adjust Forum/Topic Header and Footer’s color separately. Is there any way?

[valarcher]

but problem is not with forums – they display full-width – it’s with forum index/archives. Problem is the forum index is treated as blog archives. I need 3-col blog archives for the rest of my site and 1-col for forum archives.
I tried entering the shortcode [bbp-forum-index] on the /members page — which is set to full-width in css as above — but that doesn’t solve the problem of the index of forums displaying only in col 1 of the 3-col grid I’m using for blog archives. To get them to display full-width I have to target each individually in the index, e.g. #bbp-forum-9475.
I know the quick but ugly fix is to set all my blog archives to 1-col (that is, full width) but I’m looking for the beautiful fix of setting only my forum archives to 1-col. Is there any way to do this?

[valarcher]

Hi – I’m using Astra theme with a 3-col grid layout for blog archives, see:
https://greensmoothie.com/category/blend

But for the forum archives I need full-width, see:
https://greensmoothie.com/members

Right now I’ve fixed it by targeting the post and each forum in the css, like this:
#post-9486,#bbp-forum-9475{width:100%;}

I’ve intentionally left the second forum (Newcomers – #bbp-forum-9473) out of the css — so you can see how it displays only in the first column – same as /category/blend above.

Moderators need to set up forums that will display by default as full-width. They don’t have access to the css.

Is there a higher-level I can target in the css that will automatically force ALL forums to display full-width?

thanks for your help!

[cbreezy]

Took awhile but I fixed it by adding this code to the bbpress.css file in my child theme:

#bbpress-forums div.bbp-reply-author a.bbp-author-link {
padding: 0 0;
}

[erich199]

Re-posting this. For some reason my original post got marked as spam. So, this time I took out the screenshot link.

I wanted to share some code I cooked up for one of my sites. I want to disclaimer that I’m not a professional coder but through lots of trail, error, and zero hair left I’ve found this code works very well for my website.

There are two functions. The first one creates a “New Topic” button and uses a template hook to display it above the forum list. The second function does the same thing, but just uses a hook to display the button over the single topic display to create a “New Reply” button. The second function is basically the first function but renamed and uses a different template hook.

These buttons, when clicked, open a modal that has the shortcode for a new topic/new reply. The code also passes the current forum id into the shortcode, so there is no need for the user to select a forum from the drop down menu. In my screenshot, I’ve enabled the WYSWYG TinyMCE editor and all buttons on it work properly. In addition, I’ve fixed it so that the user can’t accidentally close the modal. They have to physically click on the “Close” button in order to close it. I decided to do this for simplicity sake and so my users won’t accidentally click off the screen and close the modal.

I made it because I was tired of users getting confused about the new topic/new reply topic area of bbpress. So, in order to bring it more in line with other forum software I made this code (through many trial and errors). I hope that it can help anyone in the community who’s using bbpress for their forums. Oh, I also made sure it displays nicely in mobile size screens. I added a screenshot to show people what it looks like.

/*
This function adds the New Topic button to bbpress above the forum list template
*/

function add_new_topic_button() {
    $forum_id = bbp_get_forum_id();
    ?>
    <button id="new-topic-button">New Topic</button>
    <div id="new-topic-modal">
        <button id="close-modal-button">Close</button>
        <div class="modal-content">
            <?php echo do_shortcode('[bbp-topic-form forum_id=' . $forum_id . ']'); ?>
        </div>
    </div>
    <script>
    jQuery(document).ready(function($) {
        var newTopicButton = $('#new-topic-button');
        var modal = $('#new-topic-modal');
        var close = $('#close-modal-button');
        newTopicButton.click(function() {
            modal.show();
            setTimeout(function() {
                if (typeof bp !== 'undefined' && typeof bp.mentions !== 'undefined') {
                    bp.mentions.tinyMCEinit();
                }
            }, 1000);
        });
        close.click(function() {
            modal.hide();
        });
        $('textarea#bbp_topic_content').addClass('bbp_topic_content');
    });
    </script>
    <style>
    #new-topic-modal {
        display: none;
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0,0,0,0.6);
    }
    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 50%;
        max-width: 600px;
        border-radius: 5px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #close-modal-button {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        margin-right: 10px;
        margin-top: 40px;
    }
    #close-modal-button:hover,
    #close-modal-button:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
    @media only screen and (max-width: 600px) {
        .modal-content {
            width: 90%;
            max-width: 90%;
        }
    }
    </style>
    <?php
}
add_action('bbp_template_before_single_forum', 'add_new_topic_button');

/*
This function adds the New Reply button to bbpress above the single topic template
*/

function add_new_reply_button() {
    $forum_id = bbp_get_forum_id();
    ?>
    <button id="new-topic-button">New Topic</button>
    <div id="new-topic-modal">
        <button id="close-modal-button">Close</button>
        <div class="modal-content">
            <?php echo do_shortcode('[bbp-reply-form forum_id=' . $forum_id . ']'); ?>
        </div>
    </div>
    <script>
    jQuery(document).ready(function($) {
        var newTopicButton = $('#new-topic-button');
        var modal = $('#new-topic-modal');
        var close = $('#close-modal-button');
        newTopicButton.click(function() {
            modal.show();
            setTimeout(function() {
                if (typeof bp !== 'undefined' && typeof bp.mentions !== 'undefined') {
                    bp.mentions.tinyMCEinit();
                }
            }, 1000);
        });
        close.click(function() {
            modal.hide();
        });
        $('textarea#bbp_topic_content').addClass('bbp_topic_content');
    });
    </script>
    <style>
    #new-topic-modal {
        display: none;
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0,0,0,0.6);
    }
    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 50%;
        max-width: 600px;
        border-radius: 5px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #close-modal-button {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        margin-right: 10px;
        margin-top: 40px;
    }
    #close-modal-button:hover,
    #close-modal-button:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
    @media only screen and (max-width: 600px) {
        .modal-content {
            width: 90%;
            max-width: 90%;
        }
    }
    </style>
    <?php
}
add_action('bbp_template_before_single_topic', 'add_new_reply_button');

/*
This function calls the Buddypress js file to bbpress pages only so that @mentions can work in the modal
*/

function enqueue_buddypress_js() {
    if ( function_exists( 'bp_is_active' ) && bp_is_active( 'mentions' ) ) {
        wp_enqueue_script( 'bp-mentions-js' );
    }
}
add_action( 'wp_enqueue_scripts', 'enqueue_buddypress_js' );

/* Additional Custom Forum Modal CSS This will hide the default new topic/reply form boxes but shouldn't hide the ones inside of the modal */ 

.modal-content .bbp-topic-form, .modal-content .bbp-reply-form {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.bbpress-wrapper > .bbp-topic-form {
  display: none;
}

.modal-content .bbp-topic-form legend {
	display: none;
}

#new-topic-button {
  float: right;
  margin-right: 10px;
}

#bbpress-forums > .bbp-reply-form {
	display: none;
}

[erich199]

I wanted to share some code I cooked up for one of my sites. I want to disclaimer that I’m not a professional coder but through lots of trail, error, and zero hair left I’ve found this code works very well for my website.

There are two functions. The first one creates a “New Topic” button and uses a template hook to display it above the forum list. The second function does the same thing, but just uses a hook to display the button over the single topic display to create a “New Reply” button. The second function is basically the first function but renamed and uses a different template hook.

These buttons, when clicked, open a modal that has the shortcode for a new topic/new reply. The code also passes the current forum id into the shortcode, so there is no need for the user to select a forum from the drop down menu. In my screenshot, I’ve enabled the WYSWYG TinyMCE editor and all buttons on it work properly. In addition, I’ve fixed it so that the user can’t accidentally close the modal. They have to physically click on the “Close” button in order to close it. I decided to do this for simplicity sake and so my users won’t accidentally click off the screen and close the modal.

I made it because I was tired of users getting confused about the new topic/new reply topic area of bbpress. So, in order to bring it more in line with other forum software I made this code (through many trial and errors). I hope that it can help anyone in the community who’s using bbpress for their forums. Oh, I also made sure it displays nicely in mobile size screens. I added a screenshot to show people what it looks like.

https://img.iwebnow.net/screenshots/popup.jpg

 
/*
This function adds the New Topic button to bbpress above the forum list template
*/

function add_new_topic_button() {
    $forum_id = bbp_get_forum_id();
    ?>
    <button id="new-topic-button">New Topic</button>
    <div id="new-topic-modal">
        <button id="close-modal-button">Close</button>
        <div class="modal-content">
            <?php echo do_shortcode('[bbp-topic-form forum_id=' . $forum_id . ']'); ?>
        </div>
    </div>
    <script>
    jQuery(document).ready(function($) {
        var newTopicButton = $('#new-topic-button');
        var modal = $('#new-topic-modal');
        var close = $('#close-modal-button');
        newTopicButton.click(function() {
            modal.show();
            setTimeout(function() {
                if (typeof bp !== 'undefined' && typeof bp.mentions !== 'undefined') {
                    bp.mentions.tinyMCEinit();
                }
            }, 1000);
        });
        close.click(function() {
            modal.hide();
        });
        $('textarea#bbp_topic_content').addClass('bbp_topic_content');
    });
    </script>
    <style>
    #new-topic-modal {
        display: none;
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0,0,0,0.6);
    }
    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 50%;
        max-width: 600px;
        border-radius: 5px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #close-modal-button {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        margin-right: 10px;
        margin-top: 40px;
    }
    #close-modal-button:hover,
    #close-modal-button:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
    @media only screen and (max-width: 600px) {
        .modal-content {
            width: 90%;
            max-width: 90%;
        }
    }
    </style>
    <?php
}
add_action('bbp_template_before_single_forum', 'add_new_topic_button');

/*
This function adds the New Reply button to bbpress above the single topic template
*/

function add_new_reply_button() {
    $forum_id = bbp_get_forum_id();
    ?>
    <button id="new-topic-button">New Topic</button>
    <div id="new-topic-modal">
        <button id="close-modal-button">Close</button>
        <div class="modal-content">
            <?php echo do_shortcode('[bbp-reply-form forum_id=' . $forum_id . ']'); ?>
        </div>
    </div>
    <script>
    jQuery(document).ready(function($) {
        var newTopicButton = $('#new-topic-button');
        var modal = $('#new-topic-modal');
        var close = $('#close-modal-button');
        newTopicButton.click(function() {
            modal.show();
            setTimeout(function() {
                if (typeof bp !== 'undefined' && typeof bp.mentions !== 'undefined') {
                    bp.mentions.tinyMCEinit();
                }
            }, 1000);
        });
        close.click(function() {
            modal.hide();
        });
        $('textarea#bbp_topic_content').addClass('bbp_topic_content');
    });
    </script>
    <style>
    #new-topic-modal {
        display: none;
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0,0,0,0.6);
    }
    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 50%;
        max-width: 600px;
        border-radius: 5px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #close-modal-button {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        margin-right: 10px;
        margin-top: 40px;
    }
    #close-modal-button:hover,
    #close-modal-button:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
    @media only screen and (max-width: 600px) {
        .modal-content {
            width: 90%;
            max-width: 90%;
        }
    }
    </style>
    <?php
}
add_action('bbp_template_before_single_topic', 'add_new_reply_button');

/*
This function calls the Buddypress js file to bbpress pages only so that @mentions can work in the modal
*/

function enqueue_buddypress_js() {
    if ( function_exists( 'bp_is_active' ) && bp_is_active( 'mentions' ) ) {
        wp_enqueue_script( 'bp-mentions-js' );
    }
}
add_action( 'wp_enqueue_scripts', 'enqueue_buddypress_js' );

/* Additional Custom Forum Modal CSS This will hide the default new topic/reply form boxes but shouldn't hide the ones inside of the modal */ 

.modal-content .bbp-topic-form, .modal-content .bbp-reply-form {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.bbpress-wrapper > .bbp-topic-form {
  display: none;
}

.modal-content .bbp-topic-form legend {
	display: none;
}

#new-topic-button {
  float: right;
  margin-right: 10px;
}

#bbpress-forums > .bbp-reply-form {
	display: none;
}

[dozza]

I was experiencing exactly the same or very similar on Divi site running bbPress and Memberpress.

I wans’t sure where the issue lay, but it turned out it was with Divi’s Static CSS generation option. ElegantThemes helped me track it down: Divi > Theme options > Builder > Advanced > Static CSS File Generation > Clear.

Clear the static Css file then purge all browser and server-side caching and the acoount profile pages should look as expected now.

You can then pad out the forum profile pages content a little with something like this:
`/* bbPress Account profile pages padding */
#bbpress-forums{
padding: 50px 68px;
}

[Félix Martínez]

Hi there.
I’m trying to install bbPress in a WP new enviroment.
Plugin is activated as usual, but when I create a new forum, topic or debate, all front-end pages associated are blank.
I have tried to replicate the problem in two different servers and it persists.

### wp-core ###

version: 6.1.1
site_language: es_ES
user_language: es_ES
timezone: +00:00
permalink: /%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: open
environment_type: production
user_count: 1
dotorg_communication: true

### wp-paths-sizes ###

wordpress_path: /usr/home/almazendesign.com/web/testing
wordpress_size: 849,97 MB (891255109 bytes)
uploads_path: /usr/home/almazendesign.com/web/testing/wp-content/uploads
uploads_size: 110,55 MB (115924400 bytes)
themes_path: /usr/home/almazendesign.com/web/testing/wp-content/themes
themes_size: 2,51 MB (2629926 bytes)
plugins_path: /usr/home/almazendesign.com/web/testing/wp-content/plugins
plugins_size: 4,73 MB (4962753 bytes)
database_size: 2,13 MB (2228224 bytes)
total_size: 969,89 MB (1017000412 bytes)

### wp-active-theme ###

name: Twenty Twenty-Three (twentytwentythree)
version: 1.0
author: el equipo de WordPress
author_website: https://es.wordpress.org
parent_theme: none
theme_features: core-block-patterns, post-thumbnails, responsive-embeds, editor-styles, html5, automatic-feed-links, block-templates, widgets-block-editor
theme_path: /usr/home/almazendesign.com/web/testing/wp-content/themes/twentytwentythree
auto_update: Desactivado

### wp-plugins-active (2) ###

bbPress: version: 2.6.9, author: The bbPress Contributors, Actualizaciones automáticas desactivadas
WP Reset: version: 1.97, author: WebFactory Ltd, Actualizaciones automáticas desactivadas

### wp-plugins-inactive (4) ###

BJA VLE Virtual Learning Enviroment - Bjäland: version: 1.0.0, author: Bjäland, Actualizaciones automáticas desactivadas
My trades - WordPress Heroes: version: 1.0.0, author: WordPress Heroes - Félix Martínez, Actualizaciones automáticas desactivadas
WPH Base Plugin - Bjäland: version: 1.0.0, author: Bjäland - Félix Martínez, Actualizaciones automáticas desactivadas
WPH Chat: version: 1.0.0, author: WordPress Heroes - Félix Martínez, Actualizaciones automáticas desactivadas

### wp-media ###

image_editor: WP_Image_Editor_GD
imagick_module_version: 1691
imagemagick_version: ImageMagick 6.9.11-60 Q16 x86_64 2021-01-25 https://imagemagick.org
imagick_version: @PACKAGE_VERSION@
file_uploads: File uploads is turned off
post_max_size: 35M
upload_max_filesize: 35M
max_effective_size: 35 MB
max_file_uploads: 20
gd_version: bundled (2.1.0 compatible)
gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
ghostscript_version: unknown

### wp-server ###

server_architecture: Linux 5.10.0-19-amd64 x86_64
httpd_software: Apache
php_version: 8.2.1 64bit
php_sapi: fpm-fcgi
max_input_variables: 10000
time_limit: 30
memory_limit: 192M
max_input_time: 60
upload_max_filesize: 35M
php_post_max_size: 35M
curl_version: 7.74.0 OpenSSL/1.1.1n
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: false

### wp-database ###

extension: mysqli
server_version: 10.5.17-MariaDB-1:10.5.17+maria~deb11-log
client_version: mysqlnd 8.2.1
max_allowed_packet: 134217728
max_connections: 500

### wp-constants ###

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /usr/home/almazendesign.com/web/testing/wp-content
WP_PLUGIN_DIR: /usr/home/almazendesign.com/web/testing/wp-content/plugins
WP_MEMORY_LIMIT: 192M
WP_MAX_MEMORY_LIMIT: 192M
WP_DEBUG: true
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: Sin definir
DB_CHARSET: utf8mb4
DB_COLLATE: undefined

### wp-filesystem ###

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable

Thanks in advance.

[richard@geerservices.com]

Hello, I think it is relating to using Style Pack and not seeing any changes to the forum when updating settings in the style pack settings.

I mainly use style pack to change the subscription email and was trying to use it for other style changes. Doesn’t seem to play well with DIVI even moving the Style Pack CSS location to the child theme.

I can force style changes by adding them directly to the child theme css.

[enkoes]

Hi, just to highlight results after applying the CSS:

First CSS – hide template notice – working great!

2nd CSS – hide pagination count – only work on front page (ie, display topic index). I need to hide pagination count also in forum & topic page.

3rd CSS – hide topic header in topic page – no output results.

Please advise. TQ!

[Robin W]

put this in the custom css of you theme

div.bbp-template-notice.info {
	display: none;
}

.bbp-pagination-count {
	display: none;
}

.forums.bbp-replies li.bbp-header {
        display: none;
}

[enkoes]

Hi, I’m thinking of hiding some items in forum & topic page as follows:

Forum page:
1) to hide forum information
2) to hide topic viewing information
see screenshot: https://paste.pics/KS7KD

Topic page:
1) to hide topic information
2) to hide post viewing information
3) to hide topic header (author & posts)
see screenshot: https://paste.pics/KS7MF

Are there any CSS codes that can achieve that?

[enkoes]

The CSS works great! Thank you.

One step further, is it possible to specify different highlight color for different forum name? Says green for this forum name, red for another forum name.

[Robin W]

#bbpress-forums p.bbp-topic-meta .bbp-topic-started-in a {
    background-color: #328C00;
}

put this in your themes custom css area

[izzi8181]

New user, first post 🙂 I am using the Reign theme by WBCom, and I really like it, except for the layout of the BBPress forum index page, and the topic page. I’d really rather not have to switch to a new theme (already paid for Reign, don’t want to pay for another theme!) so I’d like to see if I can alter it myself to get what I want.

Some general info: I taught myself html back in the 90s, so I’m OK with html and css, but I never got as far as php. However I can probably grasp the basics.

I tried out the Youzify plugin and it does a lot of the layout styling that I want, but changes other things that I don’t want. Would it be possible to use the code from this to guide me to make the alterations I want?

I’m stuck at the start: which file/s would I find the layouts? (css is about styling, I’m looking for table structure, where information is displayed, that sort of thing).

Thanks!

[jaymaddireddy]

Good afternoon,
I installed bbpress successfully and created a few forum entries.
also added a few test topics.

It displays fine: https://www.dealtimer.com/forums
Also, it displays one of the forum entries with a list of topics fine at
https://www.dealtimer.com/forums/forum/auto-dealer-csi-boosting-ideas
However, when I click one of the topics, it shows a content area blank below the header…
I changed the theme, and it works fine to show topic details and reply..
I even added a single page with a shortcode to display the topic, thinking that the CSS conflicts, it shows fine at https://www.dealtimer.com/single-topic-page.html
However, from the list of topics to browse the topic content, it fails.
When I looked at it, it even called content-single-topic.php code, however, I do not see bbp-container content being supplied to add a topic information page…

Do you have any idea about debugging this problem?
Thank you in advance for your help,

Jay M

[veganishdotworld]

I can’t find the other forum topic where I asked about how to make the replies VISIBLE.

The problem was that participants, key masters, admins, authors, everyone was only seeing the date / time stamps of replies to topics, no one could see the content of any of the replies, when viewing the bbPress forum in the web page. Robin responded with this and fixed it.

——————————————————-

In short some code clashing was stopping the display being right in your browser, it was all working behind the scenes. Nothing that you had done.

Just for your records I have done the following change

In dashboard>appearance>customise>additional css and added this code

.reply {

position: relative !important;

right: 0px !important;

top: 0px !important;

[integratedcourse]

Tech support at my theme company made a fix. Here is CSS to put into the theme options to fix this for the next person!

#bbpress-forums > div:nth-child(4) {
    display: none;
}
ul#bbp-forum-0.bbp-topics1.bs-item-list.bs-forums-items.list-view {
    display: none
}      

Thank you so much for your help, Robin!

[integratedcourse]

Thanks. There is no “All Discussions” forum.

This may or may not help, but that “All Discussions” box by itself is what you get with the short-code [bbp-topic-index]. In other words, if you used that shortcode by itself it just has that “All Discussions” part, but here it is as the 2nd part of [bbp-forum-index] (after the grid display of the forums). I am hoping to inject some CSS to make it go away.