[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 !

[Chad R. Schulz]

I don’t want a private forum. I’m building a publicly accessible discussion board site. All I’m looking to do is minimize a user’s ability to see into the forum hierarchy (it’s sloppy).

Whenever someone creates a topic they get 5 minutes to edit it. During that five minutes they have the option through the use of a selector to move that topic to another forum. This lets them see into the forum hierarchy that I’ve built into the site (categories/subcategories etc…). I want to prevent this from happening. They can edit the content, just not the location–I want to leave that to the moderators only.

The css “hides” this selector and its title. However, it is still being queried by the site and it still appears as a hidden element within the browser.

Thanks for the effort, Chad

[Chad R. Schulz]

I actually came up with an in-elegant solution using css.

select#bbp_forum_id, [for="bbp_forum_id"] {display: none;}

Participants are only able to edit posts for 5 minutes–per the default setting. I just prefer that all the backend stuff remain backend stuff.

If anyone has a more elegant solution (one that avoids the needless database querying for ALL the exiting forums/categories for every topic edit) please let me know.

Thanks again, Chad

[Robkk]

@alice-kaye

i dont know what could have caused that

you can also hide it with CSS

.bbp-forum-description,
.bbp-topic-description {
display:none;
}

[Robkk]

the bbcodes notice i think you can turn that off in the plugin your using, i think its gd bbpress tools.

you can remove the unrestricted html notice with some CSS if you want its only displayed to Admins/Keymasters only, so its not that big of a deal.

you can use this PHP code to remove the notice above the topics/forums

add_filter( 'bbp_get_single_forum_description', 'ja_return_blank' );
add_filter( 'bbp_get_single_topic_description', 'ja_return_blank' );
function ja_return_blank() {
    return '';
}