[o.m.j]

I found this filter somewhere in the forums, but it still leaves the yellow box…just removes the text…

function change_translate_text( $translated_text ) {
	if ( $translated_text == 'Your account has the ability to post unrestricted HTML content.' ) {
	$translated_text = '';
	}
	if ( $translated_text == 'Oh bother! No topics were found here!' ) {
	$translated_text = '';
	}
	return $translated_text;
}
add_filter( 'gettext', 'change_translate_text', 20 );

using firebug, I found the code for the yellow box, then I added this code to my CSS, but will it cause other issues?

thx

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

[Momshof]

Wordpress: 4.3.1
Divi Theme: 2.5.5
BBPress: 2.5.8
bbp style pack: 2.8.3
http://dtcdancecentral.com/DTCTest/forum/

Hi – I am new to BBPress. I am hoping some one may be able to assist with the page formatting of the forums/category/topic pages et etc. I am trying to get it as close to this:

http://dtcdc.freeforums.net/

as I can.

With bbpress style pack I was able to do alot without having to mess with any code of files -I do not have alot of coding experience or working within the server on files.

Right now – I have the following short codes in a Divi Page – this is my Forum Index Page:

[bsp-display-forum-index forum= ‘1106’ breadcrumb=’no’ search=’no’]
[bsp-display-forum-index forum= ‘1130’ breadcrumb=’no’ search=’no’]
[bsp-display-forum-index forum= ‘1154’ breadcrumb=’no’ search=’no’]

1. This is giving me the “boxed” look for each separate forum I want – I can not figure out how to get the header title of each forum changed. Where it says “Forums, topics,posts, freshness” instead of Forum – I would like it to state the name of the forum I have created (like the first one be “Community Forum”, then the 2nd one would be “Platinum Members Forum” & the 3rd “Diamond Members Forum”).

These would not be links to anything. Just the forum title. So that when an actual forum below in the “box” is clicked on it goes straight to that forum page showing all topics under that forum.
(I hope I am using the correct terminology here.)

2. I can not get the description to show up underneath each category on the forum index page. Is the only way to achieve this to do something to the files in wp?

3. The topic pages (submit & view) have a big line running down the right side of the pages down into the footer – is there anyway to remove that line and make the pages full width or a custom width?

Divi Theme does provide an Epanel where I can put css coding in without having to change any files. If anyone has any ideas how to achieve these changes (hopefully without altering files) I would appreciate the help & guidance.

Thanks!

[Robkk]

@omj-1

This is the CSS causing the issue.

#bbpress-forums .bbp-body div.bbp-reply-content {
    clear: both;
    margin: 10px;
    padding: 0;
}

The reason why when reply threading is enabled fixes the issue is because the list .bbp-body self closes and makes the above CSS not work.

Here is the ticket about the reply threading markup bug.

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

You can use this custom CSS to fix the issue.

#bbpress-forums .bbp-body div.bbp-reply-content {
    clear: none;
}

[lvictor]

I’ve seen a ton of topics regarding not being able to see the forums at all, but nothing quite like my situation. I can see the top level for my forums, and it is listing topics & replies but I can’t get to them. Although I’ve imported the bbpress templates and css to my template directory, I’m unable to get past the top level for my forums at:

STARFLEET Discussion Forums

When I click on a category, topic, reply, I get a blank like this:

http://sfi.org/topic/heres-a-test-topic/

They do work when I switch to the default template, so is there a step I missed with the template? Is there code that needs to be added to the template header? Something else?

[Robkk]

Well that code is very specific for every button in your bbPress forums, but if it works I guess use it.

I should have told you use this CSS instead earlier since it just pinpoints the quicktag toolbar buttons and not customize every input field in the content wrapper div.

#bbpress-forums .quicktags-toolbar input.button {
    color: black;
}

[Pascal Casier]

Hi o.m.j,

CSS will not help you in this case, not even nth-child or things like

#bbpress-forums .bbp-pagination-count {
	display: none;
}
#bbpress-forums .bbp-pagination-count ~ .bbp-pagination-count {
	display: block;
}

will not work because the pagination is inside different divs and other elements.

The only possibility would be somewhere going for a javascript like

window.onload = function(){
    document.getElementsByClassName('bbp-pagination-count')[0].style.display = 'none';
}

(not tested yet) or go for some coding.

Pascal.

[Robkk]

You can use this custom CSS to hide it.

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

Or you can copy loop-topics.php to your child theme in a folder called bbpress. And remove these lines.

<li class="bbp-header">

		<ul class="forum-titles">
			<li class="bbp-topic-title"><?php _e( 'Topic', 'bbpress' ); ?></li>
			<li class="bbp-topic-voice-count"><?php _e( 'Voices', 'bbpress' ); ?></li>
			<li class="bbp-topic-reply-count"><?php bbp_show_lead_topic() ? _e( 'Replies', 'bbpress' ) : _e( 'Posts', 'bbpress' ); ?></li>
			<li class="bbp-topic-freshness"><?php _e( 'Freshness', 'bbpress' ); ?></li>
		</ul>

	</li>

[Robkk]

@leirof

Add this anywhere you can put custom css like in your themes style.css file or in a custom css plugin.

#bbpress-forums div.bbp-the-content-wrapper input{
  color: #000;
}

[Robkk]

i can’t see and option in buddypress to upload anything.

See if this guide helps.

Profile → Change Profile Photo

On this post is a simple way to add a ranking based on post count.

User ranking system?

Where it says
echo '<div class="all-stars"><i class="svg-icon one-star"></i></div>'

That is where you can add your images like this.

echo '<div class="all-stars"><img src="image source"/></div>'

Make sure they are different for each post count specified in the snippet.

You may need different CSS than what was mentioned in the post though.

[Robkk]

I bet you just closed the topic as well and the color of the text is a gray color that is hard to see.

Use this CSS to fix that.

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

You do not have to use the bbPress shortcode for registration, you can use alternative plugins for frontend forms if you want.

Do users need to register with the forum first to see the content of a post?

bbPress by default has nothing that would hide the content of a topic post. It will make a whole topic hidden if the forum is private and the user is not logged in, and the topic and forum could also be hidden if it is a hidden forum.

If you want a menu item for registration you can create a custom link to the default WordPress registration form, or if you have another plugin that adds frontend forms you can link to that page if you want.

Question really is: how does a user of the educational material get to see the forum questions/posts?

It really depends on the LMS plugin you might be using with your bbPress forums really. By default though a sticky/closed post should be kind of visible, the gray is hard to see sometimes.

[Robkk]

Did you try running the repair tools in Tools > Forums one at a time??
Has this issue always been present??

Also here is some custom CSS to fix a weird avatar padding issue on your forums. Just add the CSS code into your child themes style.css file or anywhere else you can add custom css like in a seperate plugin.

#bbpress-forums .avatar {
    padding: 0;
}

[Robkk]

THe issue in the image is a common theme related issue. The styles for list items in your theme is affecting the list items in the bbPress forums.

I would give you a simple CSS fix, but you need to create a forum on your site, all I see is the notice saying you do not have forums.

If you want to create full width forums, it is pretty easy if you are familiar to editing theme templates. You just need a simple loop and the surrounding classes to style it all together. Sometimes full-width templates can be copied and renamed to create a simple bbpress.php file in your theme.

Getting Started in Modifying the Main bbPress Template

I say just stay away from using iframes for this simple task.

[gene-stevo]

WP: 4.3.1 bbPress: 2.5.8 Theme: Jolene
Hi Folks,
I’m trying to tweak the colours of a site I’m building as a “learn WP” excercise and I cant find out how to change the colour of the Search button on my forums page.
I have Custom CSS installed and I’ve entered this to control the Up and Over states of the SUBMIT button:

#bbpress-forums .submit {
    background-color: #1e73be;
    color: #FFFFFF;
    float: center;
    vertical-align: middle;
    border-radius: 4px;
    height: 35px;
    width: 120px;
    font-size: 14px !important;
}
#bbpress-forums .submit:hover{
    background-color: #82D646;
    color: #FFFFFF;
    float: center;
    vertical-align: middle;
    border-radius: 4px;
    height: 35px;
    width: 120px;
    font-size: 14px !important;
}

I’ve also got this to control the colour of the SEARCH button but adding the :hover at the end of a copy of the original CSS, at the end of the id name doesn’t work.

#bbpress-forums #bbp-search-form input[type=submit], 
#bbpress-forums #bbp-search-form input[type=submit] {
    text-indent: 0;
    background: none;
    background-color: #1e73be;
    color: #fff;
    width: auto;
    height: auto;
    border-radius: 0;
    margin-top: 0;
}

Any Ideas greatly received. The Forums page is here if MEMBERS PAGES password requested it is… ccc

[Robkk]

Oh yeah no problem.

Here is a couple things I found when visiting your site.

The first item in your forum index is a little off because of the bbPress breadcrumbs.

Adding this CSS will help.

div.bbp-breadcrumb {
    width: 100%;
}

There is an issue with the Freshness column text not really displaying right.

#bbpress-forums p.bbp-topic-meta {
    text-align: inherit;
}

[intristin]

I created a new page, I added the shortcode, I choose the template with no sidebar on the page I created, and bbpress just ignores it completely. I also tried a suggestion in another post about adding code to the style.css but that didn’t work as I was never very good with css. The wordpress theme I am using is called point and can be found here: https://wordpress.org/themes/point/

If anyone could perhaps nudge me in the correct direction I would appreciate it, thanks.

[hayleyadanner]

I’m literally crying over here.

I’ve been trying at this for days. Go here, change this, do that is so vague. Not everyone is a coder.

I have tried adding this code to css, that template to bbpress files on cpanel

I just want to be able to READ MY FORUM POSTS.
The main page is okay. Click on a topic, the whole thing is grey, white/ you can see the writing but its as if there is a white overlay over the whole thing.

I feel like breaking my computer and screaming as this is really stupid.

http://www.thebestinformationever.com/forums/topic/curly-hair-help/

[Robkk]

Use this custom css. Add the custom css to your child themes style.css file or anywhere else you can add custom css like in a custom css plugin.

#bbpress-forums .reply {
    position: relative;
    top: inherit;
    right: inherit;
    line-height: inherit;
    font-size: inherit;
}

[Robkk]

Glad you got yourself sorted out in your issue.

I also see that there is a huge avatar issue on your site so inserting this CSS into your child themes style css file or in a custom css plugin will fix that.

#bbpress-forums p.bbp-topic-meta img.avatar, 
#bbpress-forums ul.bbp-reply-revision-log img.avatar, 
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar, 
#bbpress-forums .widget_display_topics img.avatar, 
#bbpress-forums .widget_display_replies img.avatar {
    margin-bottom: 0;
    vertical-align: middle;
    border: 1px solid #ddd;
    width: 14px !important;
    height: 14px !Important;
}

[ChrissiLisa]

Hello,

how can I give different childforums there own style ?

Is there a hook like “before show topics” where I can place my own css style ?
I counldnt find anything in the codex.

Thanks,
bye
ChrissiLisa

[gin_marcin]

doesn’t work on my side :-(;

adapted my child css but it’s still the same result;

the list gets fingered with the topics by the specified forum, but all the rest (header on top of the list and create new topic below the list) is still there.

thx
marcin

[Robkk]

This is a common theme issue related to the theme styling absolute positioning the comment reply link for WordPress comments.

Use this custom css to fix the issue. Add it in your child themes style.css file or anywhere you can add custom css like in a custom css plugin.

#bbpress-forums .reply {
    position: relative;
    top: inherit;
    right: inherit;
    line-height: inherit;
    font-size: inherit;
}

[Robkk]

It is a common issue where CSS for WordPress comments reply link has conflicts with actual reply posts in bbPress.

Copy this custom css in your child themes style.css file or in anywhere you can put custom css like in a custom css plugin.

#bbpress-forums .reply {
    font-size: inherit;
    padding: inherit;
    position: relative;
    right: inherit;
    top: inherit;
}

[zbgc]

Hi all,

Running WP 4.3.1 and BBPress 2.5.8

The issue: Forum replies appear above forum content in this theme (have tested using vanilla 2015 theme and there’s no problem). The partial solution is to play with CSS.

I’ve got a CSS plugin (Simple Custom CSS) and making changes in there, and I’ve managed to get the reply content to appear in almost the right place using:

ul.forums li {position: relative;}

However, this means the content appears above the bb-reply-header DIV.

Any help appreciated 🙂

Thanks

L.

[lhowill]

I found the answer in this forum post: https://bbpress.org/forums/topic/too-many-revision-statements-how-to-remove-all-but-1/

PinkishHue’s css worked for me.

[Robkk]

This is going to increase the font-size of the topic and reply content of the same exact specified font size on your site.

Add this custom CSS to your child themes style.css file or anywhere else you can put custom CSS like a custom CSS plugin.

.bbp-topic-content p,
.bbp-reply-content p {
    font-size: 1rem;
}

If you want to increase the font size of other areas of the forum be more specific.