[Robkk]

remove the CSS you added to your child theme (you can download it to backup if you made changes)

let the style go back to the normal 2013 then put back the CSS

it did this type of thing for 2014 for me one time and it was pretty weird.

this PHP snippet should remove the double Private wording

add_filter('private_title_format', 'ntwb_remove_private_title');
function ntwb_remove_private_title($title) {
	return '%s';
}

other than that try these troubleshooting tips

General Issues
bbPress works with many themes and plugins, but it is impossible to test all combinations, and many issues are caused by conflicts with plugins and themes.
Therefore before posting, please test if your issue is resolved by the following

Plugins

Deactivate all but bbpress and see if this fixes. If it does, re-enable one at a time to see which is causing the error.

Themes

If plugins don’t pinpoint the problem, as a test switch to a default theme such as twentytwelve, and see if this fixes.

If the above produces an issue:

If it is a paid theme or plugin, please contact the authors for resolution.
If free, do ask here, we may know of workaround.
PLEASE tell us you have done the tests above when posting.

OTHER COMMON FIXES
The following will do no harm, so are worth a try and can fix some issues
Dashboard>settings>permalinks. Don’t change anything, but just click save. This resets the permalinks, and can solve some 404 errors.
Dashboard>tools>forums>repair forums and run one at a time. Useful if you’ve got some stuff not showing – doesn’t often fix but occasionally does.

[Robkk]

i think this is what you are saying you want??

put this CSS anywhere you can put custom css

#bbpress-forums .bbp-forums-list {
  display: none;
}

[SSmeredith]

I have upgraded bbPress from 2.5.4 to 2.5.6.
All went ok, there was a core .css file directly edited that broke the sidebars, so have put the old one back in and site looks ok. Other than that, everything appears to be in order except for the topics Now not appearing.

http://www.yoga-teacher-training.org/forum/forums/yoga-teacher-training-forum-issues-concerns-and-questions-for-teachers/new-teacher-questions/

You can see that is says 500+ topics, etc. but blank under the heading. The data is in the database. I am tempted to upgrade the WP version and then some miracle it’s fixed… but in the real world, I think I really want to fix this first.

Any ideas? I am hoping it will be a simple fix.

bbPress v 2.5.6
WP v 3.9.3

Thank you in advance for your assistance!!

[Navinn]

Hi, it doesn’t change.
I also tried this:

#bbpress-forums #top ul:first-child > li > a {
  color: #b84444!important;
}

i don’t know it that helps, but my custom CSS contains this:

li#menu-item-107548 .avia-menu-text span{
font-size: 22px;
}

#header_meta {
background: #4a96cd;
}
#top ul:first-child > li > a {
color: #eeeeee;
}

#top ul:first-child > li > a:hover {
color: #4a96cd; 
}

/* Main Menu - HIGHLIGHT BLOCK */
#top .avia-menu-fx {
display:block;
position:absolute;
border-style:solid;
border-width:5px;
}

.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
opacity: 1;
}

.qa-faq-title { font-size: 110%; }
.faq-catname { font-size: 150%; }

.header_color .main_menu ul:first-child > li > a {font-size:110%; 
}

@media only screen and (max-width: 600px) {
.av-inner-masonry-content.site-background {
opacity: 0 !important;
}
}

.single #main .content .entry-footer{
float: left !important;
}

/* Couleur de la sideBar */
.main_color .sidebar { background-color: #eeeeee; }

/* Couleur des liens vers pages de même niveau dans la sidebar*/
ul.nested_nav a:hover {
color: #4a96cd!important;
}
ul.nested_nav a {
color: #404040!important;
}

/*Classe pour centrer les images dans le menu*/
p.menu-image {
position: relative;
top: -9px;
}
li#menu-item-107543 a .avia-menu-fx {
bottom: 11px!important;
}
li#menu-item-107544 a .avia-menu-fx {
bottom: 11px!important;
}

/*Désactiver la bordure en haut a droite du menu*/
.avia-menu.av_menu_icon_beside { border-right: none; }

#top #header .avia_mega_div > .sub-menu.avia_mega_hr {
padding-top: 5px;
}
#top #header .avia_mega_div > .sub-menu {
padding: 20px 20px 20px;
}

[Robkk]

i thought it was because you closed the topic but no your theme is adding some weird CSS to the first topic.

see if this CSS fixes your issue,

#bbpress-forums #top ul:first-child > li > a {
  color: #b84444;
}

[Dono12]

I’ve visited your site and I saw there was no side bar. Make sure your sidebar is active first (DASHBOARD -> APPEARANCE -> WIDGETS). Then pull The widgets you want to display in the Sidebar section. Give the Widget a Title, the title will then display in the Sidebar area. To style any element you can inspect the element by right clicking on it -> select inspect element -> a window will pop-up showing you the div class or div id of any element on that page. eg(#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content). This div comes from inspecting the elements on this very page. You can even change things in the right-side window of the inspector and see the changes happen instantly. Elements like background-color, text color and font size and so on.(TRY IT)
You can place this div inside your themes CSS file and change the elements within it. Example text color, font, font-weight. eg

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
from width: 100%; to width:50% !important;
from margin: 0; to margin: 10px 10px 10px 10px !important;
from font-size: 12px; to font-size:14px !important;
}
the !important is used to override the styles already created within the plugins css

You can also see an entire page by using right-click -> view page source

[Navinn]

Good morning,
I’m tring to use BBPress with my website, but somehow the first topic always have a different color, making it difficult to read.

Here is the link: http://www.rhinopiping.com/Forums/forum/rhinopiping/

Would you know which kind of css I should add to change this? Thanks

[Robkk]

you can hide them with CSS

.forum-archive .status-private {
display:none;
}

[VojtaSvoboda]

I just installed last version of bbPress 2.5.5 on WP 4.1. with premium Basix theme. Then created new page Forum with slug “forums” and to content put placeholder [bbp-forum-index]. Then created new Forums and topics, but I can see only Stick topics.

My forum detail looks like that:

https://www.dropbox.com/s/s8gy1o4axjt69v6/Sn%C3%ADmek%20obrazovky%202015-03-16%20v%C2%A015.30.39.png?dl=0

I use multisite WP. When I disable all CSS, in HTML there also no topics.

Does any know how to debug this behavior? When it shows 2 topics, but I can’t see it?

[Robin W]

if that doesn’t work, then out it in your theme’s style.css, but tag it as !important

#bbpress-forums, #buddypress {
 clear: both !important;
 margin-bottom: 20px !important;
 overflow: hidden !important;
 font-size: 12px !important;
 padding:20px !important;
 background:rgb(10, 9, 9) !important;
}

[Robkk]

There is a ticket for a future release.

https://bbpress.trac.wordpress.org/ticket/1989

you can hide them all with CSS

#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log, 
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log, 
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
  display: none;
}

if you want to delete the old revisions use a plugin like WP-Sweep

https://wordpress.org/plugins/wp-sweep/

[Conarchcpl]

I am trying to do some CSS editing to change the background on this page to black:
http://utherous.com/forums/

I have edited the bbpress.css like so
#bbpress-forums, #buddypress {
clear: both;
margin-bottom: 20px;
overflow: hidden;
font-size: 12px;
padding:20px;
background:rgb(10, 9, 9);

For some reason these changes are not reflected on the site despite me double checking 3 times that the bbpress.css file on the FTP has the changes. It looks to me like the site is referencing another version of the file?

Any help would be great!

[dmhorus]

Where is the styling for forum breadcrumbs defined? I assumed it was somewhere in a css file (already using a child theme) but I cannot locate anything related. Do I need to define my own? If so, where?

[wpgerd]

Hello,

@clarasebeste
Thanks for you answer, but as you can see on the screenshot, bbpress has already a breadcrumb.

@robin-w
Thanks for this interessting Plugin. I test it with my Test-WP and identify this code for placing the subscription-toggle in the right:

.subscription-toggle {
float:right;
}

Add this in my childtheme/css/bbpress.css and it works. Thanks.

Found also in the extras a nice looking loop-forums.php for displaying the complete forum 😉

Gerd

[Robkk]

create a bbpress.php file and put it in your child theme , the default file bbPress is using has some extra code for post navigation that should be for blog posts.

https://codex.bbpress.org/theme-compatibility/getting-started-in-modifying-the-main-bbpress-template/

you can also use CSS

#bbpress-forums .navigation-post  {
display:none;
}

[Alice Kaye]

Haha, that certainly would make things easier on everyone (myself included). The biggest issue here is that, without an account you cannot see the forums due to the way my site’s permission system is set up. So if you need to see code, let me know and I’ll give you the test account login information. 🙂

Forum Setup:

Final Fantasy XIV (FFXIV Background)
– General Discussion
– The Forge
– The Golden Quill
– Journals
– Ultima EX
All of the sub forums currently have the FFXIV handcoded into the CSS section so their backgrounds are also FFXIV. However, whenever a post is made in any of these forums, my base site background is the one showing. If possible, it would be great if any forum posts made in any of these specific forums had the correct corresponding background.

The same goes with my Guild Wars 2 section which has a Guild Wars 2-based background.

The thing is, I’m not sure if this is at all possible.

Hoping that I’ve explained that well. 🙂

[Robin W]

ok, so can you tell us what you want in simple English – stick away from css and jargon 🙂

eg

I want the xx forum to have this background and the yy forum to have that background, and all sub forums and topics to also have this

or whatever you want !

[Alice Kaye]

Hi @robin-w & @robkk,

I tried to reply the other day but every time I hit submit, everything would disappear and it wouldn’t post my reply. Oi.

So firstly I wanted to say thank you to both of you for all of the help and support with everything. You guys got me on the right track which was GREAT!

The code that ended up working for me was:

.postid-37 #fixed-background { background: url('http://www.heartwoodgaming.com/wp-content/uploads/2015/02/gw2-background.jpg') !important; }

I was hoping that by changing the page ID background for each forum, that the subsequent posts would also have that background, but it didn’t pan out. I’m curious if this is possible in some way? It’s tough to imagine via CSS simply because the pages generate when created, so it would have to be based on a forum ID (in my head), rather than a simple postID.

Do you guys have any thoughts on this at all?

Again, thanks for the help and sorry I couldn’t reply sooner. It just wouldn’t let me! 🙁

[vikramseth]

Hello

I was trying to edit the topic color in the bbpress.css but I was unable to do so. I need help in this.
The link is:- http://baaplog.hol.es/forums/forum/baap-bando-ka-ghar/
I want to do the color of XYZ topic to white.

My wordpress version is 4.1.1
My bbpress version is 2.5.5

Thanks

[supotech]

I’m currently using the Highline theme, and all of the forums show this button at the bottom right-hand side, linking to one particular forum called “Top Dawgs.”

Link to the Lounge forum: http://www.uwguide.com/forums/forum/lounge/

1) Why is that happening?

2) Is there a way to get rid of it? Do I need to edit the CSS of Highwind? If so, how?

[Robkk]

@alice-kaye

i know that finding the id in the page source is a little easier since your using CSS.

but i also like to point out that you can use this plugn for finding the ID in the backend of WordPress for the forums/topics/replies sections to show the post types ID.

its pretty useful.

https://wordpress.org/plugins/reveal-ids-for-wp-admin-25/

as for the CSS you could be missing a few periods.

.bbpress .single-forum .postid-20 #fixed-background { background: url('http://www.heartwoodgaming.com/wp-content/uploads/2015/02/ffxiv-background.jpg') !important; }

[Robkk]

@dealtek

dont edit the core files or you will lose them the next time you update bbPress.

please follow this guide instead

https://codex.bbpress.org/theme-compatibility/

and please create a child theme as the guide says to , because it will make customizing bbPress alot easier. you can edit all the bbPress templates that you have copied to your child theme safely if you go to appearance>editor and choose your child theme and find the bbPress templates/css, you can also use FTP and a advanced text editor like notepad++ to edit files on your cpu.

here is more information on child themes

Functions files and child themes – explained !

the left margin CSS for bbPress threaded replies is

#bbpress-forums ul.bbp-threaded-replies {
	        margin-left: 50px;
	}

to make it smaller for a small device use something like this.

put it anywhere you can put custom CSS

or if you copied the CSS file into a folder called bbpress into your child theme , you can add it below

/*--------------------------------------------------------------
	 Media Queries
	--------------------------------------------------------------*/
	
	/* =Standard Mobile Landscape
	-------------------------------------------------------------- */
	@media only screen and (max-width: 480px) {

@media only screen and (max-width: 480px) {
#bbpress-forums ul.bbp-threaded-replies {
	        margin-left: 20px;
	}
}

you can remove the reply author image too if you want

@media only screen and (max-width: 480px) {
#bbpress-forums div.bbp-reply-author a.bbp-author-avatar,
#bbpress-forums div.bbp-topic-author a.bbp-author-avatar {
	        display: none;
	}
}

[Robin W]

There is no need to copy the bbpress.css file.

you just need to put it in your child theme’s style.css, BUT add the ‘!important ‘ which stops bbpress overwriting it.

.forum bbpress single single-forum postid-20 #fixed-background { background: url('http://www.heartwoodgaming.com/wp-content/uploads/2015/02/ffxiv-background.jpg') !important; }

You may find you don’t need all the string above ie ‘.forum bbpress single single-forum postid-20 #fixed-background ‘ but have a play if the full doesn’t work, or come back with a url/link and I’ll try to help

[Alice Kaye]

Hi @robin-w,

I just realized that you responded to this. I’m not sure how I missed this!

I just tried to give this a go (man sometimes this stuff isn’t easy to find) and it’s so far not doing what I want. I’ll admit CSS is not always my friend.

The code I’m using is below:

.forum bbpress single single-forum postid-20 #fixed-background { background: url('http://www.heartwoodgaming.com/wp-content/uploads/2015/02/ffxiv-background.jpg'); }

I was hoping that would be how I needed to set it up, but I’m starting to think, not…

Could you take a look at that and let me know where I might have gone wrong? Let me know if you need access to my site to see my bbPress, I have a test account set up for situations such as this! 😛

Thanks in advance!

[Robin W]

The link you gave

Sidebar on left for Forums, then right for Forum and Topic – Why?

had this as his solution

Just swap the floating elements from left to right, where content becomes right and sidebar becomes left. Remember to end with the !important to override any other CSS. Code is thus:

.bbpress.single-forum #main #content {float:right!important;}
.bbpress.single-forum #main #sidebar {float:left!important;}
.bbpress.single-topic #main #content {float:right!important;}
.bbpress.single-topic #main #sidebar {float:left!important;}

You need to put the code in your style.css

Functions files and child themes – explained !