[Robin W]

bbpress has a number of templates which you can alter

these are found in

wp-content/plugins/bbpress/templates/default/bbpress

Start with

content-archive-forum.php

this is the index page.

you will see that it calls other templates

eg

<?php bbp_get_template_part( 'loop', 'forums' ); ?>

which calls loop-forums.php

a look through and you should be able to work out what most of it is doing.

If you want to alter any of these, make a new directory in the root of your theme and copy any of these template files to it (only the ones you want to alter)

so for instance if you wanted to alter content-archive-forum.php you’d create a copy to get
wp-content/themes/%your-theme-name%/bbpress/content-archive-forum.php

you can then alter these copies, and bbpress will use them instead

They will also show you what css is being used, so that you can amend your style.css file with those that you want to change, or you can copy the whole bbpress style file viz https://codex.bbpress.org/step-by-step-guide-to-setting-up-a-bbpress-forum-part-2/#5-copyingcreating-a-bbpress-stylesheet-in-your-child-theme

at the finer level you may need to use something like firebug to work out how to say ‘bold’ the forums names to see what css each part is using, so that you can alter it.

Firebug is downloaded to go with the Firefox browser. There are loads of firebug tutorials eg see

[Robkk]

nevermind i got it , i assumed i could easily do it with css

after a couple of tries i eventually got it

li.bbp-header {
    display: none;
}

hides the header on blog posts and forums

but when i add

.post li.bbp-header {
  background: none repeat scroll 0% 0% transparent;
  display:block;
}

the header is now just on forums and not on blog posts anymore

this also works on the li.bbp-footer too

and probably anything else if you just use

display:none; to hide the original css for blog posts

.post to display it only on forum pages

[K-Path]

WordPress 3.9.1
TwentyTen with some CSS modification
bbPress 2.5.4

This what my bbPress looks like now
http://hcrd.foundation/journal/forums/

hcrd bbPress screen capture
This is close to what I want my bbPress installation to look like I didn’t pull the line spaces together in the image.
http://hcrd.foundation/screen-cap.journal-forum.png

I may be completely wrong and these settings may all be controlled by the TwentyTen theme and WordPress. In either case I’ll do the work if somebody can just point me to the right information so I can learn.

bbPress Wishlist

Make the forum’s Search window persistent, available from within all forums.

Move the Forum Title and the Search Window so they are parallel and within 20 pixels or less of main menu (white on black menu).

Make the Categories’ and Forums’ names BOLD and make them 1.00 line or less apart from their descriptions which should NOT be bold.

Instead of a specific pixel width can the area of the post to the BBS be calibrated in percent or at least be 640px or even better 800px width?

Finally, why are my category and forum names duplicated?

[dottedpixel]

Thank you @Robkk for your easy to follow steps.

I already had a child theme (made from woothemes canvas), in there I have a folder called “bbpress” in there I already had the “form-topic.php”, “loop-forums.php”, “user-details.php” and “user-profile.php”. And one level above is the bbpress.php file.

I pasted the code in the functions.php of the child theme, and added the other code in the “loops-forums.php” above <?php do_action( 'bbp_template_before_forums_loop' ); ?>

I created a new menu called bbmenu and placed a custom link into it, and I added it to the “bbpress Forum Menu location”.

Then I pasted the css into my custom css.

I don’t get any error every thing works fine, but there is no menu showing. mmmh?

Could it be a problem with canvas?

Best
Michel

[thecatholicwoman]

YOU ARE A GENIUS. I have to go to the forum settings and change m root to forum. It seems to be working. I could hug you through the computer. Thanks so much for sticking with me.

Few other questions while I have the attention of a genius.

1)How do I get a side bar? The bbp tweaks was not working for me but it may have something to do with the issues i was having.

2) Can you create a custom registration profile?

3) Can you create it where the title of the last topic shows up in the freshness column instead of having to hover to see it without css?

Thanks a million and God bless you.

[thecatholicwoman]

@pinkishhue and @robin-w thanks so much. The topic pages should NOT look like that at all. I am not sure why they are defaulting to the forum index. I will try switching the theme and also deactivating all of the plug in and enabling them one by one. I do not know how to flush permalinks or any of that stuff. I am a complete newbie. I had to ask someone to add the theme into the css for me if that give you any clue. I will try these and get back if it does not work r to say thanks if it does. This is a free site and I am just trying to figure out how to get this done without much experience so this means the world to me.

[PinkishHue]

p.s. Just had a look with CSS disabled and the links are still acting funky.

I’d double check all your settings, maybe visit your permalinks page to flush them in case it’s a permalinks issue?

I haven’t had a lot of experience with bbpress yet (just answering here in case I can be of help as no one else has given any suggestions yet), but is this right for a forum link? Doesn’t seem quite right:

http://www.thecatholicwoman.com/?page_id=60/forum/catholic-women-in-business-business-networking/

[thecatholicwoman]

None of the links work I followed all of the steps indicated here http://codex.bbpress.org/step-by-step-guide-to-setting-up-a-bbpress-forum/#3-%C2%A0creating-a-forum-page

It is not a compatibility issue because even before I had someone add the DIVI theme to the CSS for me the links were not working and I thought that it was because it was not incorporated into my theme.

My website is thecatholicwoman.com
Direct link t the forum below.
http://www.thecatholicwoman.com/forum/

I am using WordPress 3.9.1
and BBpress 2.5.4

HELP!!!!!
Thanks so much for any help that you can provide.

[Robkk]

okay what they did was register a menu which is a whole lot easier

so first put this in your functions.php if you have a child theme

function register_menu() {
	register_nav_menu('bbmenu', __('bbpress Forum Menu'));
}
add_action('init', 'register_menu');
     		

and now put this above <?php do_action( 'bbp_template_before_forums_loop' ); ?>
which is inside loop-forums.php inside the bbpress default templates

<nav id="subnav" role="navigation">

<?php
if ( has_nav_menu( 'bbmenu' ) ) { /* if menu location 'bbmenu' exists then use custom menu */
      wp_nav_menu( array( 'theme_location' => 'bbmenu') ); 
}
?>

</nav>

now put this in your custom css or plugin

#subnav {
	background: none;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}

#subnav ul {
	font-size: 13px;
	list-style: none;
	margin: 0;
}

#subnav li {
list-style-type: none;
display: inline-block;
margin: 6px 4px;
}

#subnav a {
text-decoration: none;
color: #555;
background: #ddd;
padding: 2px 8px;
border: 1px solid #e4e4e4;
}

#subnav li a:hover {
background: #333;
color: #fff;
border-color: transparent;
text-shadow: none;
}

tell me if you come into any problems , so i can see if i hadd a problem copy and pasting

[Robkk]

its basically html links manually written to go to each forum

like what you did to link to singletrackworld, it just has a little bit of style with css

ILL hook you up in a minute(it will be awhile) though

[greenhoe]

Hi,

I”m creating my first theme and I have copied over all the bbpress files but for the life of me I cannot figure out how to remove the notification that is at the top of each forum that tells you “This forum contains 1 topic, and was last updated by John 20 hours ago”

The html is the <div class”bbp-template-notice info”> and I have looked through all the template files but I can’t for the life of me figure out what is generating that and how to delete it. I know you can hide it via css but I don’t want to do that I want to actually remove it from my forums.

Thanks

[K-Path]

Version 3.9.1
Twenty Ten Theme with some very simply, barely noticeable CSS modification.
http://hcrd.foundation/journal/forums/

I need to know where to get the Registration URL?
Seems to me that WordPress would make that one of the more obvious and prominent links on the page. I haven’t figured out where it is. I need it to complete the bbPress Login Widget configuration.

Also

As you can see this is what my menu looks like now.
Home Forums About
Forums
Home › Forums
Forum
Raisons d’être
Corporate Charter Of The Foundation
The Declaration of Universal Rights

How do I make it look like this?
Home Forums About
Forum ›
Raisons d’être
Corporate Charter Of The Foundation
The Declaration of Universal Rights

I got the Forums link in the menu to work. Now how can I remove the totally redundant Forums labels beneath the main menu?

Thank you for you help.

Auriel

[Stephen Edgar]

Firstly, you should update WordPress to v3.9.1, if you have some reason you must remain using the 3.7.x version upgrade to 3.7.3.

That said line #1198 of your style.css has the following:

.hentry {
border-bottom: 2px solid #f7f7f8;
margin-left: 120px;
padding-bottom: 15px;
position: relative;
}

You will need to override that for your bbPress forums with a custom entry in a child themes CSS.

eg.

#bbpress-forums .hentry {
margin-left: 0px;
}

[Stephen Edgar]

@robin-w wrote…

Good to have someone who is an expert on css on the forum – my css is rubbish !

Mine too 🙂

[Robin W]

@lumartist – Good to have someone who is an expert on css on the forum – my css is rubbish !

[Lumartist]

So, you want to have 100% width?

Search in your main style css, in general it is style.css, for this code-part:

.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content

There you can find “max-width:”

Change it to 100%.

If you do so, it might change other parts of your site as well. To prevent this you might want to add a new part to your css, and leave the above mentioned part untouched.

.site-content .forum .entry-header, .site-content .forum .entry-content, .site-content .forum .entry-summary, .site-content .forum .entry-meta, .page-content {
margin: 0 auto;
max-width: 100%;
}

[Lumartist]

Okay, I have to add another reply here, sorry.

Strange thing is, that I am having the same effect as with the Tehnik plugin. As soon as I add your plugin, bbp-private-groups, and I subscribe to a forum, I am subscribed to all forums. As soon as I disable the plugin everything works fine. It also happens with a standard theme like twenty fourteen.

I am not sure where this coming from. Very strange…

Here’s a list of installed plugins:

• Advanced Custom Fiels
• bbP private groups
• bbPress
• bbPress Pencil Unread
• Breadcrumb NavXT
• Buddypress
• CodeStyling Localization
• iThemes Security
• Members
• Radio Buttons for Taxonomies
• Regenerate Thumbnails
• Require Featured Image
• WP Smush.it

All Plugins are up to date!

May it be a conflict with iThemes Security or Members? But why? And why does it just happen if a plugin for forum access is used?

This is like a closed book to me, as I am a designer and css-coder, but not a php-coder, which makes it realy hard…

[peter-hamilton]

Layout of the site is close to finished.

I had to remove RTMedia’s plugin cause it was making everything slow, still a lot of problems with the high amount of Jscript and CSS from plugins that make the world run slower but getting better.

Have a look and let me know what you think.

This is a link to the forum page
BBFacelook forum layout

This is a link to a profile page
BBFacelook Profile page

More coming soon.
Peace

ps. demo site is Cannabis themed, just to give a heads up.

[nextpagenetty]

Hey Robkk,

Thanks so much for your suggestion, I installed the buddymobile plugin but it had a conflict with another plugin called “easy modal” so I’m trying to sort that out because I think it would be the perfect solution.

In the mean time, if anyone has any suggestions how to fix the css so the forum author div displays above the forum post instead of to the left of it on the mobile screen.

Thanks again,
Annette

[nextpagenetty]

Hello!
My bbpress forums is working great except for the forum posts on a small screen mobile device.
I understand where to make the change to the css (@media only screen and (max-width: 240px))
I’m just not sure how to change it.
My wordpress is: WordPress 3.9.1
My bbpress is: 2.5.4
and my website is http://www.fogeyscove.com/fogey-forums/

I also linked to a screen shot showing the issue as well as the css selectors that I need to adjust.
forum-post-mobile.png

Thanks so much,
Annette Kalapaca

[Robkk]

look up the css in inspect element

and youll see that when you look at http://desimedicos.com/forums/view/latest-topics/

on the recent forum topics widget the id of the widget is #bbp_topics_widget-8 now

so now you would have to also add the custom css

#bbp_topics_widget-8 ul li {
border-bottom: 1px solid #F1F1F1;
}

look for changes like that on each page you have those widgets

[Robkk]

use css to make your changes

Step by step guide to setting up a bbPress forum – part 2

everything is pretty much in there

[JLent14]

I put this CSS code in and it fixed the forums. Is this the same fix your’re talking about?

table.forum td img.avatar {
float: none;
margin: 0 5px -8px 0;
width: 20px;
}

[Robin W]

yes the links are set as white in the display

try adding this to your style.css

#bbpress-forums .reply a  {
color : blue !important ;
}

#bbpress-forums .reply a:hover  {
color : green !important ;
}

I haven’t tested, but should work, come back if you need more help !

[Stephen Edgar]

There must be ‘something different’ are you sure they are in the same forum?

Check the actual CSS class differences between one that works and one that does not.