[Robin W]

ok,

the dots are coming from your style.css line 118

ul {
list-style: disc outside none;
}

change to

ul {
list-style: none outside none;
}

although you may need to make this forum specific.

[Jerry]

I have been working for about 5 days to get topics from a forum on one site to show on my main page, which is a separate site. I’m running current versions of wordpress multisite, bbpress, and buddypress on my main page.

I found some code via my searches and created a simple plugin. It works to display topics from a separate site on my main page. That was a victory for sure. The problem I am now having is the formatting! Arrghh! I cannot get it to format correctly.

I know that others have been wanting to do this, so perhaps someone else can get me to the final step and we can publish a good plugin. Here is the code:

<?php
/* 
		Plugin Name: Recent bbpress Topics
		Plugin URI: http://whosgotbooks.com/wp-content/plugins
		Description: A plugin to display recent bbpress topics across the network
		Version: 1.0.0
		Author: Jerry Caldwell
		Author URI: http://whosgotbooks.com
		License: Open Source 
*/ 

function recent_bbpress_topics_shortcode() {                  
  recent_bbpress_topics(); }
  add_shortcode( 'recent-bbpress-topics', 'recent_bbpress_topics_shortcode' );

// ! // Add Recent Topics to BBPress
function recent_bbpress_topics() {
  if ( bbp_has_topics( array( 'author' => 0, 'show_stickies' => false, 'order' => 'DESC', 'post_parent' => 'any', 'posts_per_page' => 8 ) ) ) { 
      //bbp_get_template_part( 'bbpress/loop', 'topics' );
      bbp_get_template_part( 'loop', 'topics' );
      }
// Hook into action
add_action('bbp_template_after_forums_loop','recent_bbpress_topics');

} ?>

I have been trying to get this to format with bbpress.css. I managed to changed the css on one of my sites to get things how I want, but I can’t with this function. Here is a link of how I want things to look: http://whosgotbooks.com/book-reviews/
And here is the link of the main page, where I can’t quite get it the way I want it: http://whosgotbooks.com/

Here is the bbpress.css that worked on the review page, but doesn’t work for the main page:

li.bbp-topic-title {
	float: left;
	text-align: left;
  overflow: hidden;
	width: 75%;
}
#bbpress-forums li.bbp-body ul.topic {
/*	border-top: 1px solid #7D573A; */ 
  border-top: transparent;
	overflow: hidden; 
  display: inline-table;  
	padding: 8px;
  width: 22%;
}

To get the books somewhat organized on the main page, I had to change width to 20% on the bbp-topic-title class above, and the bbp-body ul.topic changes do not help on the main page.
This is the extent of my abilities. I would love to get rid of those annoying dots as well. Hopefully someone can help me get the rest of the way.
Thanks…

[peter-hamilton]

Been busy making lots of updates on css, could use a few feedbacks to see if it is extremely slow or not friendly UI.

I made an useraccount to test if you like:

username: demo
password: deom

BBFacelook | Cultivators Forums

thanks in advance.
Peter Hamilton

[Robin W]

hmmm.. ok but we’re starting to need lots of extra code

ok so add

#bbpress-forums a {
color: #111111 !important ;
}

This will change the font throughout, and you can play with the colour.

If you want the topic and date to be different, we’re getting into some real css styling, which is beyond the purpose of the bbpress support forum, and perhaps you need to start to look at how to use firebug so you can see what you need to change eg

then you can style any forums part by preceding it with

#bbpress-forums as I’ve done above.

[Robin W]

No 2 did not seem to work on the test so i did not add it live. I added it to the bottom of the style.css so I am unsure if that is the issue.

No 2 changed the font colour and size of the forum list – look at ‘prayer requests’ in you test and live sites to see the difference.

What else do you want to change?

[thecatholicwoman]

I am not sure if this helps but when I select bbpress forum index template from the side menu for page templates it does not allow me to put in the side bar and runs full width but the text and coloring matches my theme. When I do it with the page builder in the divi theme and I use the [bbp-forum-index] short code in a text box element and then add a sidebar element on the side, I get the side bar but the forum does not match the theme because I have to use the default template. So it is almost like it is not pulling from the coding in the style.css at all so it may make sense that my altering that file does not change it.

[Robin W]

for no. 2

add

#bbpress-forums div.bbp-forum-title h3, #bbpress-forums div.bbp-topic-title h3, #bbpress-forums div.bbp-reply-title h3, #bbpress-forums a.bbp-forum-title, #bbpress-forums a.bbp-topic-permalink {
  color: #666 !important;
  font-size: 16px !important;
}

to your style.css

[Robkk]

there is a little bug on this
that i could fix in the future

whenever i subscribe to a forum
it shows the menu on subscribed forums in the subscriptions area in your profile
(it showed up on the forums area in my buddypress extended profiles)

easy fix is to turn off subscriptions to forums and topics in bbpress forum settings

ill try to find a css way to fix this , if not ILL look up another way

@netweb i might put this into the codex if i fix all the nooks and crannies

[Robin W]

yes there’s lots to learn, my css is probably at your php level !

I found a way to have a search box that is persistent on every level of the bbPress forums. Now I have to get rid of the second search box that is at the top of the forums. I can’t find where that is in the code to remove it.

You could try just turning off the forum search

dashboard>settings>forums and look for allow forum wide search

Is there anyone that comes around regularly that would either donate the time for these couple of tweaks or let me pay them over time?

you can put an ad on wordpress jobs

http://jobs.wordpress.net/

just post it as a project and detail what you want

But I’d play with the css first, as I think much of what you want is stylable.

[K-Path]

Robin W,
Thank you for the resources. I can work my way through the CSS and HTML4 and some 5 but I haven’t a clue how to program in PHP. Is there anyone that comes around regularly that would either donate the time for these couple of tweaks or let me pay them over time?

I cloned TwentyTen and renamed it TwentyTen+ and then tweaked the CSS of the formatting to the limit of my understanding. I’m going to keep at that but I’m not going to have the programming kung fu needed to tweak the PHP that bbPress depends on for it’s formating.

I found a way to have a search box that is persistent on every level of the bbPress forums. Now I have to get rid of the second search box that is at the top of the forums. I can’t find where that is in the code to remove it.

Help please.

Auriel

[Stephen Edgar]

This worked for me…. Try a hard refresh (CRTL F5/CMD F5 I think), your CSS might be cached.

#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header {
background-color: #111111;
}

Use your browsers debug tools also, most browsers tools are pretty awesome, F12 will bring it up or right click an element and select ‘Inspect Element’

Also could you update the codex with the correct edits you found, anyone can edit the codex, just login using your same username and password 🙂

https://codex.bbpress.org/wp-admin/edit.php?post_type=page

[SeeingBlueS2]

First issue I ran into is the example at the bottom of this page is no longer valid, but I did find the correct edits.

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

Second issue I am currently having is I am unable to find out how to change the “New topic” and “Reply To” backgrounds that show up at the bottom forums and topics.

Lastly(for now) is that I am unable to change the reply header despite having added this to my css.

#bbpress-forums div.bbp-reply-header {
background-color: #111111;
}

My forums are located here: http://test.greatarchitect.us/forums/

Thanks for any help.

[Robin W]

basically you’d use the same css as @robkk into your stylsheet, and then the code would be

/**
* Add @mentionname after bbpress forum author details
*/

add_action( 'bbp_theme_after_reply_author_details', 'mentionname_to_bbpress' );
function mentionname_to_bbpress () {
$user = get_userdata( bbp_get_reply_author_id() );
if ( !empty( $user->user_nicename ) ) {
$user_nicename = $user->user_nicename;
echo '<p class=bbp-user-nicename>' ;
echo "@".$user_nicename.'</p>' ;
}
}

[Robkk]

how do I change the font colour of @username?

im going to use my version though , cause i dont know how with the add action version

<p class=bbp-user-nicename><?php $user = get_userdata( bbp_get_reply_author_id() );
if ( !empty( $user->user_nicename ) ) {
$user_nicename = $user->user_nicename;
echo "@".$user_nicename;
} ?></p>

throw this into custom css

#bbpress-forums p.bbp-user-nicename {
font-weight: bold;
color: #888;
display: inline-block;
margin: 0;
}

[lkicknosway]

Hi There, Got a kind of weird thing going on. My forum is here: http://sydneymovingguide.com/forums/. I admit straight off that I did mess with the CSS to make the font larger and change colours but, as far as I can tell, the CSS file looks fine.

The forum is functional when a user is not logged in but when they do, it loses the CSS all together. I’m not sure why being logged in causes this.

The forum has been fine and functioning for about 3 months. I did update my Genesis theme today then had to go back to the older version because I was getting a 500 Error Page when loading the forum url. My host company uploaded the older version saved from 12 hours ago.

Would really appreciate it if someone can take a look. I’m pretty sure it’s an easy fix, totally user error.

Thanks in advance for any help.
Cheers.
Lauren

[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