[nathan13]

Hi everyone,

I’m sorry if the questions was already post, but since yesterday i couldn’t find any answer..

The problem :

Theme : Hello-elementor
I have 100+ Hours design on my theme website.
I wanted to use bbpress, (forums page broken, and the design is from 1980 with my theme)

I want to change the theme of bbpress forums from another theme (ex : astra, Kadence…) to make it look better, but without changing my main theme because i’ve worked a lot on it.

Any advice, solution ?

Thank you so much… love

[petalos2123]

Blocksy requires to pay for upgrade to have different bars in every page. I can’t do that at the moment. I thought I could use a php code or css to change only the forum side bar. I am not an expert in any codex.
Thanks for your reply.

[milicagpg]

Hi,

I have several forums on my site and want to customize them to look different.
I create custom css for global look, but I don’t know how to customize different look for particular forum.
I tried with #bbpress-forums li.bbp-forum-143737 where is 143737 forum’s id but it didn’t works.
The idea is to put different forums in three columns in one page. Then the cover for each one should be some photo or text. Click on the photo opens the forum’s topics.

Anyone can help?

WP is 6.2.2, bbPress 2.6.9, theme is Kleo, site is still at localhost.

[Robin W]

This is theme related

try this in the custom css part of your theme

.youzify-forum .youzify-page-main-content .youzify-main-column {
	width: 100% !important;
}

[Robin W]

thank you

put this in the custom css part of the style pack plugin

#bbpress-forums .status-closed, #bbpress-forums .status-closed a {
	background-color: transparent;
}

[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