[raduconstantin]

Hi,
I have a wp site with bbpress but when I go to the forum section without being logged in it renders the following before the DOCTYPE html:”
“<div id=”bbpress-forums”>

<div class=”bbp-breadcrumb”><p>Home <span class=”bbp-breadcrumb-sep”>›</span> ”

I can’t find a solution and this appears only when I’m not logged in. If I log in everything is rendered just fine. (hiding it via css does not work because the bb-forums div encapsulates my whole page).I mention that in firebug this appears right after body although in the viewsource it appears before the Doctype. How can I resolve this issue ?
Thank you for your support.

[Pascal Casier]

Hi,
That’s just some CSS. Is it a public forum ? please post a link.
Pascal.

[internetgal]

Hi, Pascal –

Thanks for your help!

I’m using Genesis with the Divine Theme child theme by Restored 316 Designs.

The plugin is definitely conflicting with the theme. I’ve used bbpress on another website with a different Genesis child theme, but haven’t had this problem.

I don’t want to switch themes. I’m totally willing to play around with the CSS to try to make this work. Can you help me locate the area of the theme that I need to edit to make the forum page layout correctly?

Thanks, again.
Brandi

[mauryg]

@membershipsite101
Using the index shortcode on the ‘forum’ page is perfectly normal. If you leave the /forum page blank then you can choose whether to show the forums index or the topics index on the bbpress settings page.
As I noted before the URL of the Welcome page says it is a subpage of the ‘Help’ page (http://membershipsite101.com/help/welcome). So I would expect it to use the template of the /help page, not the one of the /forum page. Do you perhaps have a page titled ‘Welcome’? Try hovering over the forum title on the /forum page and see what the link says. If the forum root is ‘discussion’ then the /welcome page should be either /discussion/welcome or /forum/discussion/welcome.
I think you need to review your bbpress settings again. Look at my page http://spaug.net/forums.
I use the bbpress default settings as follows:
Forum root slug: forums
Forum slug: forum
Topic slug: topic
And I check the ‘Forum Prefix’ box as recommended.
Then my URLs are as follows:
Root page: sitename/forums
Individual forum page: sitename/forums/forum/forum-name
Individual topic page: sitename/forums/topic/topic-title
I suggest that you try changing the forum root slug to ‘forum’ or ‘forums’
Finally, unless you are very adept at CSS modifications, I recommend the ‘bbp style pack’ plugin. It allows you to modify colors, fonts, font size, etc easily.
Remember, whatever optimizepress theme template.php you want to use for the forums page (right sidebar, no sidebar, etc) make a second copy of it IN THE SAME FOLDER and rename it bbpress.php. That way bbpress will always use that template. I also make a copy of the bbpress.css file from plugin folder (\wp-content\plugins\bbpress\templates\default\css\bbpress.css) and put it in the theme folder. That way you can use the WordPress Editor (Appearance>Editor) to make changes.
I just did a quick Google search on ‘Optimizepress and bbPress’ and it looks like there is a lot of incompatibility. I also noted that Optimizepress was discontinuing their support forum in favor of their ‘customer happiness team’. My condolences
Having fun yet?

Maury
Maury

[boionfire81]

First off let me say I think I may have no clue as to the move of the bbpress files to child theme.

wp-content/themes/theme_name/??????

should that be the first folder and later under bbpress templates, i.e start @ “default” and copy ALL files an folders to move under the websites theme????? Eactly where and what is copied?

My second question. css fixtures seem to be working fine, but I can not remove the (#,#) beside the sub-forum titles on the main page.

Next question, how can I remove the announcement area?

I would also like to remove the View # topics @ the top of the topics list & just display at the bottom of the list.

Now here is where the layout starts to really change.

I would like to remove the bar saying Topic, Voices, Replies, Freshness.

Then reformat the forum list to display

The topic area the same, but remove the voices # & replies # & place a small vertical divider and finally display a box of user profile pictures from the participants in the topic.

Yeah, it’s a big difference in the look & considering I’m having a hard time just know where to put the folders should be interesting trying to pull this off. Hopefully you guys have patience. 🙂

[mauryg]

@membershipsite101
Don’t know if we are talking about the same problem. It seems like your site is using a different HEADER template for the Welcome page. Also noted that the Welcome page is a subpage of the HELP page, not of the FORUMS page. Are you using bbpress shortcodes for this? You might want to check the bbpress settings page and see if the slugs are set correctly.
But anyway, I looked at your site and I noticed that the bbpress.css file was being loaded from the bbpress plugin directory, not from the theme directory.
Did you in fact copy the template.php file you want to use into the theme directory and rename it bbpress.php? I also strongly suggest copying the bbpress.css file into the theme directory as well so you can make changes to the bbpress styling easily.
Hope this helps.
Maury

[Robin W]

If you know how to add stuff to css, this should do it

.type-forum .post_info {
display: none;
}

If you don’t know how to do that, your theme may allow custom css – have a look in dashboard>appearance and see what theme changes you can see in there, or have a look at

https://codex.bbpress.org/functions-files-and-child-themes-explained/

Do come back if you need further help !

[Pascal Casier]

Hi Brandi,
Seems like you theme goes in conflict with bbPress. What theme do you use and can you confirm that switching theme solves the issue ?
You will have to play with CSS if you want to stay with this theme:

.forum {
  width: 100% !important;
}

Pascal.

[internetgal]

Hi –

I’m using bbpress for a membership website I created. I’m having issues with the way the theme I’m using is laying out the list of forums.

It looks like this, but I would prefer it to layout the forum in one row instead of columns.

I’m learning CSS and PHP, but I know enough code to be dangerous right now. I’m looking for an easy fix.

Any ideas on how I can fix it appearance of the forum?

[gene-stevo]

Hi Folks,
I thought I had this nailed but my forums are not sending out any messages re new posts.
I’m using the following setup:
WP version 4.4.1
Theme Jolene 1.1.5
PHP version 5.4.45
bbPress version 2.5.8-5815
site url http://conwycameraclub.co.uk
Active Plugins Name and Version
– p1 AsynCRONous bbPress Subscriptions 2.1
– p2 bbP Manage Subscriptions 1.2.0
– p3 bbP Toolkit 1.0.6
– p4 bbPress Enable TinyMCE Visual Tab 1.0.1
– p5 bbPress 2.5.8
– p6 bbPress2 shortcode whitelist 2.2.1
– p7 Content Aware Sidebars 3.0.1
– p8 Duplicate Post 2.6
– p9 GD bbPress Attachments 2.3.1
– p10 My Calendar 2.4.13
– p11 Nav Menu Roles 1.7.4
– p12 PDF Embedder 2.4.1
– p13 Postman SMTP 1.7.2
– p14 Remove Widget Titles 1.0
– p15 Fast Secure Contact Form 4.0.39
– p16 Simple Custom CSS 3.3
– p17 Slideshow 2.3.1
– p18 TablePress 1.7
– p19 W3 Total Cache 0.9.4.1
– p20 WP User Avatar 2.0.4
This is a real pain as I’ve only just created the user accounts for the club membership at:
conwycameraclum.co.uk/forums
I’ve checked all the setting options on the associated plugins but can’t find anything that could be causing the problem. Sending a test message from postman SMTP works and the site is providing admin messages re users changing passwords etc. Seams only bbP that doesn’t want to comunicate.
Any help greatly appreciated. Cheers, Eugene

[vinstyton]

The text color for topic and reply content is white because of my theme settings. I need to change this. Also, the login button is black and does not look connected to the login area.

I can’t find these lines in CSS, any help appreciated!

[gamersden]

Nothing under appearance is changing the Large font size of the bbpress forum. Everywhere I have looked, css is required, I am just unsure where I need to add any code required, and what the code is.

[gamersden]

Hi guys,

I need some help, I want to change the size of the font on the forum I have just created on my website. I am not up with CSS but am willing to try if someone can guide me. I am currently using the egamer theme from elegant themes with wordpress V 4.4.1.

The page with my forums on it is: http://www.gamersden.com.au/forum/

The forum topic headers are too big in my opinion.

Thanks in advance

[Jtejerina]

Greetings,

I’ve been trying a lot of solutions that I’ve found around the forum but none seem to work (or are too complicated for someone of my level). I’ve even tried editing the bbpress-functions.php code and it all crashed down.

I will be hosting 3 different kind of users, they all have the same access and privileges, but I want to differenciate them between “bronze, silver and gold”. So I want that to display somewhere on the screen when they post.

I though about adding new roles and just setting the role name… but I can’t do it, I tried almost everything and nothing worked.

Any step by step guide on how to add new roles? I’ve found this https://codex.bbpress.org/custom-capabilities/ but I don’t know what files to edit nor where to find them.

Also, if there’s any way to add these custom ranks some html ID so I can target them via CSS and give them a different look & feel, that’d be great.

Thanks in advance,

[yandoos]

I’ve managed to do it with the following css.. I do wonder if there is a more efficient way?

.entry-title {
background: #212121;
  border-color: #000000 !important;
}

#bbpress-forums div.odd,
#bbpress-forums ul.odd {
background: #212121;
  border-color: #000000 !important;
}

#bbpress-forums div.even,
#bbpress-forums ul.even {
  border-color: #000000 !important;
background: #212121;
}

#bbpress-forums {background:#212121 !important;}
#bbpress-forums ul li{background:#212121 !important; border-color: #000000 !important;}

[Robin W]

the problem seems to be in your custom-css

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

is moving the text down – take this out and it appears in the right place

[emster83]

For some reason the author image of each message on the forum doesn’t appear on the left of the message, but above the message. This uses up space!
I know I have to edit my CSS for this issue to be resolved, but I’ve spent hours looking for the right line and I can’t find it anywhere!

Here’s an example of a post in my forum: http://vacatureluurs.com/forum/onderwerp/hoe-lang-moet-een-cv-zijn/
I’d like to show the author’s name and image left of the message, preferably with a different colour background for the author info.

[graphiclux]

I am looking for a way to update my functions.php file to add a dynamic additional class to the bbPress Forums List Widget. Basically I would like the current code of:

<li><a class="bbp-forum-title" href="<?php bbp_forum_permalink( $widget_query->post->ID ); ?>"><?php bbp_forum_title( $widget_query->post->ID ); ?></a></li>

I would like to add an additional dynamic class or ID to the link. I want to do this so I can add different background images to each forum if I choose through CSS.

Thanks!

[maingraph]

Hello,

thanks all for the great help.

Ive been playing around with the avatar size to change it and finally got help and figured out. However, i notice that the same forum seen from a mobile phone or if i resize my browser to smaller width, the avatar picture would overlapp the sender name and part of the content, i am not sure what css i should further add,

please assist

http://asiahairtalk.com/forums/topic/anyone-here-has-started-any-new-treatment/

thanks all.

[BassSpleen]

Hello,

I’m pretty new to wordpress+bbpress (been working with it for a few days now). In the past I have used other forum boards, but since I’m using wordpress now I figured while the hell not try out bbpress ?
So far I like it, I’m still working things out but I managed to do what i wanted using google when I was hitting a wall.

Now, what i’d like to do is change bbpress layout from this :

to something like this :

Even with some research I don’t know what/how to modify this. I have read the “Layout and functionality – Examples you can use” in the codex (and actually used one to get the forum list to be block instead of inline) but it doesn’t mention this kind of modification.

My html/css/php knowledge is really basic, and obviously not enough to do this on my own.

If someone could point me in the right direction I’d gladly appreciate it. Thanks !

Wordpress version : 4.4
bbpress version : 2.5.8-5815
theme used : vantage

[Col_Blimp]

Private forum, was looking at the css but can’t figure it out as the source goes like this:

<div id="bbpress-forums">

	
	<div class="bbp-breadcrumb">

for the [bbp-forum-index] then further down:

<div id="bbpress-forums">

	
	<div class="bbp-breadcrumb">

for [bbp-topic-index] so hiding <div class=”bbp-breadcrumb”> would hide both?

[Pascal Casier]

Hi,
Is it a public forum ? If so, can you share the URL ?
There is probably not much that can be done for it from the bbPress side as you use the shortcodes, but maybe in CSS something can be done.
Pascal.

[dtmfcc]

Thanks so much for the custom CSS. That works great

I’m afraid I still don’t understand how the forums are working. I was able to create a test post to the generic Forums , rather than being restricted to one of the 3 sub-forums. I want postings to only be allowed on one of the 3 sub-forums. Can you tell me how to fix that?

[Robkk]

It is usually recommended to not edit the core plugin files. Use a custom css plugin and add some of these styles and customize it to how you want it.

1.

.bbp-forum-content p,
.bbp-topic-content p, 
.bbp-reply-content p {
    font-size: 16px;
}

2.

.bbp-topic-author a.bbp-author-name,
.bbp-reply-author a.bbp-author-name {
    font-size: 14px;
}

3.

Depends on what Avatars exactly? Plus CSS is not the best way to adjust this.

#bbpress-forums div.bbp-forum-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar {
    border: none;
    max-width: 80px;
    padding: 0;
    margin: 12px auto 0 auto;
    float: none;
}

4.

#bbpress-forums div.even,
#bbpress-forums ul.even {
	background-color: #fff;
}

#bbpress-forums div.odd,
#bbpress-forums ul.odd {
	background-color: #fbfbfb;
}

[Robkk]

Here is some CSS to fix the avatar issue I see on your forums. Place this custom CSS anywhere where you could like in a child themes style.css file, or in a separate custom css plugin.

#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 {
    float: none;
    margin-bottom: 0;
    vertical-align: middle;
    border: 1px solid #ddd;
}

#bbpress-forums .avatar {
    width: auto;
    height: auto;
    margin-left: inherit;
    display: inline;
}

As for what you wanted, you seem to have it by making sure a topic does not have a parent post (forum).

You may also need to follow this guide to fix your /forums index page, instead of doing the workaround that you have already.

Getting Started in Modifying the Main bbPress Template