[webspaceunlimited]

Hi there

I am hoping you can help.

I have otter blocks – block editor theme on a wordpress site and I am using bbpress – I have used “enable bbpress for block themes” plugin which has the forum working fine – I do however need to change the text sizing
I am wondering what the full list of css elements I need to change are ?
Or if there is a better way to improve the way the forum appears ?

[Robin W]

That’s a nice looking forum.

The layoput is a combination of a custom template, some custom css and probably a couple of functions.

I would strongly suspect it was put together by a design house, so is proprietary.

I can only suggest you email the technical contact at the bottom of the website and see if they would be happy to share their code.

[duffy50]

When I was looking at some of your example sites I really liked the way the topics were listed instead of just the number of topics on the following site — https://thebloodsugardiet.com/forums/

I’ve been looking around and trying to find a way to list the topics, I do have the bbpress style plugin but didn’t see what I wanted.

The current display of my forum looks like this — https://iowaminiz.com/membership-forum/

I was hoping that I would not have to create a child theme and do code in the PHP files to accomplish this. I’m more comfortable with adding some CSS code.

Thanks

[casperrues1]

I’m looking to add a creative “broken screen” effect to my bbPress forum. The idea is to make it look like the screen is cracked, either when someone first enters the forum or after performing a specific action.

I’m unsure of the best way to achieve this. Should I use custom CSS or JavaScript to create the effect? Or is there a plugin or feature in bbPress that could help with this?

Any suggestions will be very helpful for me.

Example page: Broken Screen

I’ve explored custom CSS and JavaScript options, and also checked out the following resources:

bbPress

Codex

https://wordpress.org/plugins/

Even after going through these, I’m still unsure of the best way to achieve the effect.

[missioninvictus]

It is fine that they appear, but they should appear in a standard view. The whole editor should stay in it’s standard setting, where the customer theme should be applied for the forum itself with the buttons that are available (for example: profile, subscription, aso.)

My aim is to set the editor back to standard. I already tried to set CSS settings, but maybe they have been placed in the wrong file or the wrong place. Thus, I would appreciate – due to my non experience – where to set it correctly.

Thanks alredy for your support.

[prokops]

For anyone looking for news on this topic, I have a simple css solution:

/* FORUM */
.logged-in #main .bbp-replies.forums,
.logged-in #main .bbp-pagination-count{
display: block;
}
#main .bbp-replies.forums,
#main .bbp-pagination-count {
display: none;
}

This does not hide replies programatically, just hides them from view, but this might be good enough for some, as it is for us. It is just a barrier made to make people signup / login.

[uksentinel]

So finally worked out how to achieve as above using the below CSS. and hopefully this helps others.

Now just have to remove some pesky comma’s from sub forums list display that have appeared.

/* small devices (phones, 400px and down) */

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

a.bbp-forum-link {
display : block !important ;
}

[Mads Gram-Hansen]

Disabling Dynamic CSS in Divi (as advised by @robin-w here) worked for me too.

When using the Divi Theme Builder you can not create a template for the user profile page. That is unexpected.

Is it because the user profile page is not created as a custom post type like Topic, Reply etc.?
It looks like that when I inspect the plugin code (especially the template.php-files in the includes folder).

If the user profile page (and search page) was created as a custom post type, would it fix these situations (?):
– that you have to disable Dynamic CSS in Divi to get the stylesheets to load
– that you can’t create a template for profiles with the Divi Theme Builder
– the similar issue with the other themes

Best regards and thanks for a great plugin!
/Mads

[uksentinel]

I use the BBP-Style-Pack and am looking to see if there is any CSS I can use to change Forum Display List from Horizontal to Vertical for Mobile views (devices)

Ref: BBP-Style-Pack > Forum Display > Forum List > (Change to Column List)

[daft676]

Ive recently installed bbpress to a wordpress website and behind the forum there is a white box, i have eddited bbpress.css and the box is still there, any ideas on how to remove it?

[teresaanderson]

I copied the entire page. Please let me know if there’s something else you need. Thanks!

Site Details
PHP Version 8.1.29
WP Version 6.5.4
Multisite False
Active Members 1
Total Forums 9
Total Topics 3
Total Replies
Theme Twenty Twenty-Three 1.1
Theme Type FSE Block Theme
bbPress Version 2.6.9
Plugin Version 6.0.5
WP Debugging False

Site Plugins
MU Plugins Name and Version
– mu1 wpcomsh-loader.php

Active Plugins Name and Version
– active1 Akismet Anti-spam: Spam Protection 5.3.2
– active2 bbp style pack 6.0.5
– active3 bbPress 2.6.9
– active4 Enable Classic Editor 2.6
– active5 WordPress.com Editing Toolkit 4.26529
– active6 Gutenberg 18.5.0
– active7 Jetpack 13.6-a.5
– active8 Layout Grid 1.8.4
– active9 Page Optimize 0.5.5
– active10 Remove Footer Credit 1.0.14
– active11 Simple Custom CSS 4.0.6
– active12 What The File 1.6.0

Inactive Plugins Name and Version
– inactive1 BuddyPress 12.5.1
– inactive2 Crowdsignal Forms 1.7.2
– inactive3 Crowdsignal Polls & Ratings 3.1.1
– inactive4 Elementor 3.22.1
– inactive5 WP File Manager 7.2.9

File Generations
Filename Last Generation
bspstyle.css 2024-06-23 15:12:11
bspstyle-quotes.css 2024-06-10 13:43:35
bsp_delete.js 2024-06-10 13:43:35

Plugin Settings
Option Group Values
Theme Support
bsp_style_settings_theme_support

a:4:{s:3:”fse”;s:1:”1″;s:9:”fse_width”;s:0:””;s:17:”fse_template_page”;s:3:”101″;s:20:”fse_template_version”;s:1:”0″;}
BuddyPress
bsp_buddypress_support

No values set for: bsp_buddypress_support
Forums Index Styling
bsp_style_settings_f

No values set for: bsp_style_settings_f
Forums Templates
bsp_templates

No values set for: bsp_templates
Forums Display
bsp_forum_display

No values set for: bsp_forum_display
Forums Order
bsp_forum_order

No values set for: bsp_forum_order
Freshness Display
bsp_style_settings_freshness

No values set for: bsp_style_settings_freshness
Breadcrumbs
bsp_breadcrumb

No values set for: bsp_breadcrumb
Forum Buttons
bsp_style_settings_buttons

No values set for: bsp_style_settings_buttons
Login
bsp_login

a:1:{s:9:”update448″;s:1:”1″;}
Login Failures
bsp_login_fail

No values set for: bsp_login_fail
Forum Roles
bsp_roles

No values set for: bsp_roles
Subscription Emails
bsp_style_settings_email

No values set for: bsp_style_settings_email
Subscription Management
bsp_style_settings_sub_management

No values set for: bsp_style_settings_sub_management
Topic Order
bsp_topic_order

a:3:{s:18:”Default_OrderOrder”;s:1:”2″;s:18:”Forum_Order1Forums”;s:0:””;s:11:”reply_order”;s:1:”1″;}
Topic Index Styling
bsp_style_settings_ti

a:52:{s:19:”Pagination FontSize”;s:0:””;s:20:”Pagination FontColor”;s:0:””;s:19:”Pagination FontFont”;s:0:””;s:20:”Pagination FontStyle”;s:0:””;s:25:”Voice/Post Count FontSize”;s:0:””;s:26:”Voice/Post Count FontColor”;s:0:””;s:25:”Voice/Post Count FontFont”;s:0:””;s:26:”Voice/Post Count FontStyle”;s:0:””;s:27:”Topic Title LinksLink Color”;s:0:””;s:30:”Topic Title LinksVisited Color”;s:0:””;s:28:”Topic Title LinksHover Color”;s:0:””;s:20:”Topic Title FontSize”;s:0:””;s:20:”Topic Title FontFont”;s:0:””;s:21:”Topic Title FontStyle”;s:0:””;s:24:”Template Notice FontSize”;s:0:””;s:25:”Template Notice FontColor”;s:0:””;s:24:”Template Notice FontFont”;s:0:””;s:25:”Template Notice FontStyle”;s:0:””;s:31:”Template NoticeBackground color”;s:0:””;s:32:”Template Notice BorderLine width”;s:0:””;s:32:”Template Notice BorderLine style”;s:0:””;s:32:”Template Notice BorderLine color”;s:0:””;s:20:”Topic Started bySize”;s:0:””;s:21:”Topic Started byColor”;s:0:””;s:20:”Topic Started byFont”;s:0:””;s:21:”Topic Started byStyle”;s:0:””;s:49:”Sticky Topic/ReplyBackground color – sticky topic”;s:0:””;s:55:”Sticky Topic/ReplyBackground color – super sticky topic”;s:0:””;s:26:”Forum Information FontSize”;s:0:””;s:27:”Forum Information FontColor”;s:0:””;s:26:”Forum Information FontFont”;s:0:””;s:27:”Forum Information FontStyle”;s:0:””;s:33:”Forum InformationBackground color”;s:0:””;s:34:”Forum Information BorderLine width”;s:0:””;s:34:”Forum Information BorderLine style”;s:0:””;s:34:”Forum Information BorderLine color”;s:0:””;s:29:”Topic Index Headings FontSize”;s:0:””;s:30:”Topic Index Headings FontColor”;s:0:””;s:29:”Topic Index Headings FontFont”;s:0:””;s:30:”Topic Index Headings FontStyle”;s:0:””;s:13:”Lock IconSize”;s:0:””;s:14:”Lock IconColor”;s:0:””;s:18:”Sticky PinFontSize”;s:0:””;s:15:”Sticky PinColor”;s:0:””;s:11:”empty_forum”;s:0:””;s:19:”empty_forumActivate”;s:1:”1″;s:17:”must_be_logged_in”;s:0:””;s:18:”register_page_page”;s:0:””;s:17:”register_page_url”;s:0:””;s:16:”topic_title_link”;s:1:”0″;s:12:”topic_topics”;s:0:””;s:11:”topic_posts”;s:0:””;}
Topic Previews
bsp_style_settings_topic_preview

No values set for: bsp_style_settings_topic_preview
Topic/Reply Display
bsp_style_settings_t

a:51:{s:49:”Topic/Reply ContentBackground color – odd numbers”;s:4:”#fff”;s:50:”Topic/Reply ContentBackground color – even numbers”;s:7:”#fbfbfb”;s:34:”Topic/Reply HeaderBackground color”;s:7:”#f4f4f4″;s:48:”Trash/Spam ContentBackground color – odd numbers”;s:4:”#fdd”;s:49:”Trash/Spam ContentBackground color – even numbers”;s:4:”#fee”;s:36:”Closed Topic ContentBackground color”;s:4:”#fdd”;s:25:”Topic/Reply Date FontSize”;s:0:””;s:26:”Topic/Reply Date FontColor”;s:0:””;s:25:”Topic/Reply Date FontFont”;s:0:””;s:26:”Topic/Reply Date FontStyle”;s:0:””;s:25:”Topic/Reply Text FontSize”;s:0:””;s:26:”Topic/Reply Text FontColor”;s:0:””;s:25:”Topic/Reply Text FontFont”;s:0:””;s:26:”Topic/Reply Text FontStyle”;s:0:””;s:20:”Author Name FontSize”;s:0:””;s:20:”Author Name FontFont”;s:0:””;s:21:”Author Name FontStyle”;s:0:””;s:19:”Reply Link FontSize”;s:0:””;s:19:”Reply Link FontFont”;s:0:””;s:20:”Reply Link FontStyle”;s:0:””;s:15:”Author RoleSize”;s:0:””;s:16:”Author RoleColor”;s:0:””;s:15:”Author RoleFont”;s:0:””;s:16:”Author RoleStyle”;s:0:””;s:16:”Topic HeaderSize”;s:0:””;s:17:”Topic HeaderColor”;s:0:””;s:16:”Topic HeaderFont”;s:0:””;s:17:”Topic HeaderStyle”;s:0:””;s:21:”Topic Admin linksSize”;s:0:””;s:22:”Topic Admin linksColor”;s:0:””;s:21:”Topic Admin linksFont”;s:0:””;s:22:”Topic Admin linksStyle”;s:0:””;s:18:”Revisionsrevisions”;s:3:”all”;s:17:”mentions_priority”;s:0:””;s:12:”mentionsSize”;s:0:””;s:13:”mentionsColor”;s:0:””;s:12:”mentionsFont”;s:0:””;s:13:”mentionsStyle”;s:0:””;s:9:”hide_name”;s:1:”1″;s:11:”hide_avatar”;s:1:”1″;s:28:”participant_trash_topic_text”;s:43:”Are you sure you want to delete this topic?”;s:28:”participant_trash_reply_text”;s:43:”Are you sure you want to delete this reply?”;s:17:”must_be_logged_in”;s:0:””;s:12:”window_links”;s:1:”0″;s:16:”more_less_length”;s:3:”200″;s:9:”more_text”;s:7:”More…”;s:9:”less_text”;s:7:”Less…”;s:21:”new_reply_description”;s:16:”Create New Reply”;s:17:”topic_button_type”;s:1:”1″;s:16:”TopicButtonclass”;s:0:””;s:29:”topic_subscribe_button_prefix”;s:0:””;}
Topic Counts
bsp_settings_topic_count

No values set for: bsp_settings_topic_count
Topic/Reply Form
bsp_style_settings_form

a:27:{s:10:”LabelsSize”;s:0:””;s:11:”LabelsColor”;s:0:””;s:10:”LabelsFont”;s:0:””;s:11:”LabelsStyle”;s:0:””;s:25:”Text areaBackground Color”;s:0:””;s:13:”Text areaSize”;s:0:””;s:14:”Text areaColor”;s:0:””;s:13:”Text areaFont”;s:0:””;s:14:”Text areaStyle”;s:0:””;s:22:”ButtonBackground Color”;s:0:””;s:16:”ButtonText Color”;s:0:””;s:20:”SubmittingSubmitting”;s:10:”Submitting”;s:20:”Show_editorsactivate”;s:1:”0″;s:16:”topic_rules_text”;s:0:””;s:16:”reply_rules_text”;s:0:””;s:23:”topic_posting_rulesSize”;s:0:””;s:24:”topic_posting_rulesColor”;s:0:””;s:23:”topic_posting_rulesFont”;s:0:””;s:24:”topic_posting_rulesStyle”;s:0:””;s:35:”topic_posting_rulesBackground Color”;s:0:””;s:31:”topic_posting_rulesborder_color”;s:0:””;s:17:”placeholder_topic”;s:0:””;s:17:”placeholder_reply”;s:0:””;s:12:”htmlActivate”;s:1:”1″;s:15:”nologinActivate”;s:1:”1″;s:15:”errormsgMessage”;s:0:””;s:16:”no_anon_namename”;s:0:””;}
Profile
bsp_profile

No values set for: bsp_profile
Search Styling
bsp_style_settings_search

No values set for: bsp_style_settings_search
Unread Posts
bsp_style_settings_unread

No values set for: bsp_style_settings_unread
Quotes
bsp_style_settings_quote

No values set for: bsp_style_settings_quote
Moderation
bsp_style_settings_modtools

No values set for: bsp_style_settings_modtools
Latest Activity Widget Styling
bsp_style_settings_la

No values set for: bsp_style_settings_la
Custom CSS
bsp_css

a:1:{s:3:”css”;s:0:””;}
CSS Location
bsp_css_location

No values set for: bsp_style_settings_translation
Dashboard Admin
bsp_settings_admin

No values set for: bsp_settings_admin
bbPress Bug Fixes
bsp_style_settings_bugs

No values set for: bsp_style_settings_bugs
Block Widgets
bsp_style_settings_block_widgets

No values set for: bsp_style_settings_block_widgets
Column Display
bsp_style_settings_column_display

No values set for: bsp_style_settings_column_display
Topic Form Additional Fields
bsp_style_settings_topic_fields

No values set for: bsp_style_settings_topic_fields

[Uriahs Victor]

I don’t know why, but the TinyMCE toolbar doesn’t show by default on Astra theme and Page Builder Framework theme. It does show on some default WP themes, but I don’t understand why.

In Astra, the toolbar is there in the HTML, but it has display: none set to the CSS because of this class string: .no-js .hide-if-no-js

I don’t quite understand what is causing that class to be added onto the toolbar. Can anyone shed some light? Is there some option or filter I need to set for this to show?

I at first thought it detected if there was No JS enabled in the browser but thats not the issue because I can use JS…im visiting my test forum just as Im visiting this one and it shows.

[Robin W]

Try adding this to the custom css tab of the style pack plugin

ul.forum-titles {
	color : #ffffff ;
}

[tim4962]

If asking for help, please include your WordPress version, bbPress version, and a link to your site.

1. WordPress 6.5.3
2. bbPress 2.6.9
3. Used plugin, “bbpress style Pack” for bbPress.

All About The Colors for the following text: Forum Topics Posts Last Post
My site: https://gtl.news/podcast/forum-index/ – The Text Is White, this is what I want.

Problem, I click on the active post topic and the text is Black on a blue banner at the top of page.

Forum Topics Posts Last Post Text is Black, I need white.
My site Problem: https://gtl.news/podcast/forums/forum/admin-messages-timothy-thompson/

How do I change it so the text is also white? I have FTP if I need to change the CSS, I just need to know what file and location.

I would be immensely thankful.

Thank You, Tim T

[Robin W]

Still comes across as very shouty and opinionated eg ‘it’s just mind blowing’ and ‘with this blatantly obvious chronic issue’, but let me try and answer you.

I am just a moderator here, and not a bbpress author. I don’t get paid anything to do this, and I’m just a guy sat in his kitchen trying to help others.

So a bit of background

bbpress was written by the founder of WordPress Matt Mullenweg as a standalone product way before mobiles/cell phones did anything more than phone and text.

It was added as a plugin to WordPress by John James Jacoby, who has done updates to it every so often as paid work by the WordPress foundation.

It is up to the owners of plugins as to how much work they do on their products.

The authors tend to release updates every few years, rather than more frequently.

My personal view is that you should consider bbpress to be a ‘mature’ product, ie any releases will be to fix issues rather than add functionality.

bbPress is used by WordPress on their support forums, and if you look at these, you will see that they show these columns in mobile, so that is clearly how WordPress wants it to work.

That you might decide that this is not how they should show is your opinion, and with over 100,000 installations of bbpress I have not noticed over the 10 years I have been doing support here ‘a lot’ of requests. I’m sure there have been some.

The bbpress concept is ‘We’re keeping things as small and light as possible while still allowing for great add-on features through WordPress’s extensive plugin system.’ This does have an implicit expectation that others will either have the code and css capabilities to change bbpress to suit themselves, or hope that others have done so through plugins.

You seem to have found some answers, and say you have found one that does this with css, and I suspect I might have answered some doing exactly this.

I do not plan to start from scratch, so maybe if you can give me a link to ‘there’s some people that use CSS but I haven’t seen where it actually works’, then I’ll see if I can help further.

[neofilm]

So, more concisely put:
Does somebody have some css I can plop in and just make these columns go away so the forum Description can spread out nice and somebody could then read it properly instead of having so much wasted real estate? Or maybe some code/function.php I can put in my Code Snippets plugin?

[neofilm]

A lot of people over the years have had the same problem with bb press not being responsive in that the topics, posts and last post columns are squished in mobile. Considering that the majority of people these days are using mobile devices it’s just mind blowing that this one thing has to be this chronic issue for so many people, probably most. There’s one person who has a solution that’s super complicated with like creating a directory folder… and then there’s some people that use CSS but I haven’t seen where it actually works, and so on. Is bb press ever gonna be responsive one obvious way?

Does somebody have some css I can plop in and just make these columns go away so the forum Description can spread out nice and somebody could actually read it properly instead of having so much wasted real estate? Or maybe some function.php I can put in my Code Snippets plugin? Surely somebody has a way to do this with snippets. Bbpress is so great overall, why ruin a good thing by making it so difficult to deal with this blatantly obvious chronic issue?

And it could just be that these are completely removed or just for mobile. But, really, completely removed would be fine and probably best.

[neofilm]

I added the CSS and now the forum page shows up blank with
“Unauthorized. You may remove the customize_messenger_channel param to preview as frontend.”

[neofilm]

Hello, I’m very excited to use BBPress on my website! My website already has a login form. So, I really need the login form removed from BBPress because for some reason it doesn’t work. After putting in the username and password it redirects to my login page where they have to re-enter the information.

The “Log in” button is “ok” since it directs to the login page. But, I would rather not have that either since I already have login button in my navigation.

I searched a few times on this over the last few days and even asked the plugin developers I’m using if they knew of a way to resolve this. I can’t find anything. I have Code Snippet plugin if someone wants to offer some code for that. Or is there some CSS that would just hide all that and remove the space it occupies?

Website is VeganLinked.com and there’s a link to forums in the very top navigation and footer.
Newest version of WP and BBPress.

[uksentinel]

Hi Robin

An update to say the CSS worked perfectly and now I have Icons on my forum heading menu where there was the Voices and Replies wording.

I am going to use the above CSS as a start and see if I can also achieve the same for Topics and Posts on the forum heading main front forum page.

Cheeky link to my site so others can see progress also 😉

https://uktechhub.com/forums/forum/wireless-routers-modems/asus/

[uksentinel]

Thanks Robin

I have already created a directory on my theme called ‘bbpress’ so will add and then mod the loop-topics.php and add the custom css as advised.

Your guidance most appreciated as always and hopefully this will be useful for others also 👍

P.S. Shame you cannot add this to your BBP Style Pack at some point in the future as I am sure lots of BBPRESS Forum owners/dev’s would like this option 😏

[Robin W]

you would need to add this to your additional/custom css

/*topic titles*/
.bbpress .forum-titles {
	overflow: hidden;
}
.bbpress .forum-titles .bbp-topic-voice-count::before,
.bbpress .forum-titles .bbp-topic-reply-count::before {
	font: 400 16px/1 dashicons;
	margin-right: 100px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

	.bbpress .forum-titles .bbp-topic-voice-count::before,
	.bbpress .forum-titles .bbp-topic-reply-count::before {
		font: 400 21px/1 dashicons;
		margin-left: 20px;
	}

.bbp-topic-voice-count {
	display: none;
}

.bbpress .forum-titles .bbp-topic-voice-count::before {
	content: "\f307";
}
.bbpress .forum-titles .bbp-topic-reply-count::before {
	content: "\f125";
}

.bbpress li.bbp-header li.bbp-forum-info,
.bbpress li.bbp-header li.bbp-topic-title {
	text-align: left !important;
}

and then amend loop-topics.php as foillows

find
wp-content/plugins/bbpress/templates/default/bbpress/loop-topics.php

transfer this to your pc and edit

<li class="bbp-topic-voice-count"><?php esc_html_e( 'Voices', 'bbpress' ); ?></li>
			<li class="bbp-topic-reply-count"><?php bbp_show_lead_topic()
				? esc_html_e( 'Replies', 'bbpress' )
				: esc_html_e( 'Posts',   'bbpress' );
			?></li>

to

<li class="bbp-topic-voice-count"></li>
<li class="bbp-topic-reply-count"></li>

and save

create a directory on your theme called ‘bbpress’
ie wp-content/themes/%your-theme-name%/bbpress

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

Then transfer the file you saved above and put in in the directory called bbpress that you created above, so you end up with
wp-content/themes/%your-theme-name%/bbpress/loop-topics.php.php

bbPress will now use this template instead of the original

[WPabmm]

li.bbp-header {
display : none ;
}

That removes ‘creator’ ‘topic’ above the main topic post but not above the reply box which still shows ‘creator’ ‘topic’

The second css removes the post date which i would like to have.

With regards to the topic title I would like to achieve the same styling in this forum, a minimalistic topic title in bold with no breadcrumbs

[brett3am]

Hello, I used the shortcode [bbp-forum-index] for my forum page so that I could adjust the sizing and spacing, but when you enter a forum past the index page, I lose those adjustments as it of course loads a different page for the forums after the index page. Is there a way to add a shortcode to the pages that load after index or do I need to do all my styling via CSS?

[Robin W]

add this to the additional css of your theme

body.forum-archive.bbpress h5.description p {
	display: none;
}