[Stagger Lee]

I read somwehere (or was it for BuddyPress, but it is the same logic), that you avoid new options and functions in core to reduce support. It is OK and understandable.

I this sentence i said you can do much with only CSS and styling. To “sell” bbPress to WP beginners.
It is very behind other forum software right now.

WordPress has its own “demo” websites, all those nice and fancy themes around web. BbPress has it not.

[Stagger Lee]

First, for a whole week now I am collecting, testing, verifiyng snippets around the web, most from this forum, and make my own collection. To have it all on one place on localhost. Stop making it, it never ends. 🙂 bbPress is so, so, so manageable and easy to add all functions other forum software have.

Second, you won hearts of coders and developers. What about WP/bbPress beginners ?
As you already lose your time coding make some new theme for this support forum. To make it as demo for bbPress, to make it shine and stick out.

There is a reason why WP holds so much of web, and bbPress is not in this league.
Dont get me wrong, I read your topic about complicating things and rised support with new functions/options. I am talking about plain old CSS2/CSS3. No database queries, and you “sell” your product/code.

So, thanks and apologies if I offended someone.

[Grantiusmaximus III]

hey guys, im a complete noob to this whole CSS and webdesign stuff and need some help

I am trying to increase the size of the font in the forum titles, (the info, topic, replies and freshness)

i used this piece of css code but it isn’t working

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results
{
font-size: 13px;
}

(the theme i am using gives me a built in css sheet to pop any snippets that i may require in there and updates it live without going into the back end)

here is the link to my forum.

http://kamikazenoodle.co.uk/forums/

[Robin W]

ok, gentle response !!

your forum is sitting within a class of .entry-content which is set to max-width: 474px;

so you need to add

.entry-content {
  max-width: 100% !important;
}

to your theme style.css at the end

Strictly speaking you should add this to a child theme

Functions files and child themes – explained !

but if you add it to your main theme, juts keep a note of it, as you will need to re-add it should your theme be updated

Come back if anything not clear, and I’ll help further !

[Robkk]

it could be just making the font-size smaller.

copy this CSS anywhere you can put custom CSS

#bbpress-forums div.bbp-forum-author a.bbp-author-name, 
#bbpress-forums div.bbp-topic-author a.bbp-author-name, 
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
font-size:12px;
}

[jkohler344]

I was trying to change the CSS file to make the font more readable on my forums. I messed up the file and lost my original. Could someone post some code I could copy that is either the original bbpress.css file or one modified to have good readable font? Thanks for any help

[Robkk]

you can disable the search form in settings>forums in the backend dashboard of WordPress so that you wont have to use the CSS anymore.

and unless you already did you could remove the code that renders the title in your bbpress.php file.

if you haven’t created a bbpress.php you should

https://codex.bbpress.org/theme-compatibility/getting-started-in-modifying-the-main-bbpress-template/

if you still need help copy the first half of the bbpress.php file you have in a reply here.

[se7en1216]

Robin
Here the the actual forum page that I want as the main page. If you hover over any of the breadcrumbs, you’ll see they read /forums-root/. I would like to replace that with /forums/

I hide the breadcrumbs by css on this page usually, but I’m showing them now so you can see it all on one page.

http://forgebreaker.net/forums/

[Robkk]

I believe that wordpress support forums use bbpress, how can I add this “Add New” button to my bbpress forum

they do , the bbpress standalone version

suprisingly this button is not in here.

wordpress.org use a customized version of bbPress just like this site ooes

you can try something like this

<?php if ( bbp_is_single_topic() ) : ?>

<?php if ( is_user_logged_in() ) : ?>
<a class="bbp-new-reply-button" href="#new-post">New Reply</a><li>
<?php endif; ?>		
	
<?php endif; ?>

place the code in loop-replies.php above the <li class="bbp-header">

you can style the link like so with some CSS , place wherever you place custom CSS

.bbp-new-reply-button {
    background:black;
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
}

[supremor]

I added it to the style.css file. But on here it still looks the same:

carfanaticsforum.com/login

For mobile.

[Divine_Apex]

I am currently experiencing a padding issue with mini avatar icon displays. For example, on the last post author among other things:

[IMG]http://i.imgur.com/YYBQoHX.png[/IMG]

I am using a custom avatar plugin and it seems users with blank avatars don’t have this padding issue. I have checked CSS and can’t seem to find where to mess with this padding or anything that seems to work.

I am also using this code in my loop-single-forum file to display the topic title under the last post time

<?php do_action( 'bbp_theme_before_topic_author' ); ?>

			<div class="bbp-forum-last-topic-name"><a href="<?php bbp_forum_last_topic_permalink(); ?>" title="<?php bbp_forum_last_topic_title(); ?>"><?php bbp_forum_last_topic_title(); ?></a></div>
<?php do_action( 'bbp_theme_before_topic_author' ); ?>
<span class="bbp-topic-freshness-author"><?php bbp_author_link( array( 'post_id' => bbp_get_forum_last_active_id(), 'size' => 14 ) ); ?></span>

			<?php do_action( 'bbp_theme_after_topic_author' ); ?>

My site:
http://the-divine.net/forum

[sharongraylac]

I seem to be having a lot of white space issues lately…

For some reason there is about 100px of extra space above an IMG in my topics. Here’s an example:

http://bellynsoul.com/forums/topic/another-test-topic/

However, if this same topic comes up in a search, there is no white space:

http://bellynsoul.com/forums/search/?bbp_search=test&bbp_search_forum_id=7638

This seems like a ridiculously simple CSS tweak, but I can’t seem to find the right class/id!

Any ideas?

Thank you!
Sharon

[Robkk]

@supremor

if you used Robins CSS , remove that and it will show up in the widget area.

do what Stephen said just disable search in settings>forums so it wont appear in the forum archive page

[Robkk]

1. heres a pretty good tutorial in the docs to style your bbPress forums with some CSS

bbPress Styling Crib

2. if your talking about maybe downloading some already styled templates there is none, i think bbPress standalone had this but theme compatibility makes giving away already styled templates pretty tough.

if you actually want to see what users could create with bbPress check out some of the sites listed here

bbpress.org/about/examples/

3. as long as you follow this link

codex.bbpress.org/theme-compatibility/

you can use the templates to customize bbPress forums to your liking.

also checking the rest of the docs wouldnt be bad too.

codex.bbpress.org/

[Robin W]

ok, the post count is being out in by something called the bbps ranking system

the line in the browser comes out as

<div class=”bbps-post-count”>Post count: 0</div>

The only reference I can find to this is in this topic

(CSS Review Needed) Switching poster picture and link to UserPro

where the plugin author talks about adding different bbpress templates, which add this line – in the example in the link above it shows as

<div class="bbps-post-count"><?php printf( __( 'Post count: %s', 'Avada' ), bbp_get_user_reply_count_raw(bbp_get_reply_author_id()) ); ?></div>

which of course references the avada theme !!!

If Avada hasn’t asked you to change bbpress files, then I suspect that they might be using the same hook I use to make this appear – suggest you refer Avada back to this post, and ask then if they have a hook to

do_action (‘bbp_theme_after_reply_author_details’) or can explain why that line appears

[Piani]

I have tested bbpress forums in diffrent themes. In Techism and Colorway the “Latest post” and “Latest threads” display the users avatar in the widgets.

But now I am testing twenty twelve and there is no avatar showing in these widgets.

Please advice where to activate avatars in the widgets or where the CSS code for this is found.

[Robkk]

try this CSS

#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: 130px;
padding: 0 0 10px 0;
margin: 12px auto 0 auto;
float: none;
}

[Yolle]

Hi!

Thank you for the quick reply. It still does not work. I hope I am applying the correction right – I put the code into bbpress.css and then disabled my CDN and caching so it wouldn’t interfere.

The link to one of the posts is: http://www.lolabuland.com/forums/topic/madde-lucy-bc-6-month-sweden-participant/#post-24022 (post 24022). The forum is for subscribed users only however. Can you please let me know your email so I can send you the login info? Thanks.

[j0n4h]

Hey again,

Running into some trouble customizing my bbpress forums via the bbpress.css file in the my child theme. I’m unsure if the pathway is incorrect, or maybe the intro to the file itself is incorrectly formatted. I do, however, know I was able to enqueue the custom loop-forums.php correctly with the functions.php properly pathwayed.

So, the pathway to the bbpress.css file is default>css>bbpress.css
In my childtheme, I have the bbpress.css file located avada-childtheme>css>bbpress.css

However, whenever I add code into the bbpress.css file after the

`/*
Theme Name: Avada-childtheme
Theme URI: Your website if you don’t intend to publish a separate site just for your theme
Description: A brief description of your child theme
Author: Jonah Hollis
Author URI: http://www.animusesports.com/
Template: Avada
Version: 1.0.0
Tags: whatever tags you might want to use for your child theme
*/

/* =Theme customization starts here
————————————————————– */
it corrupts the bbpress forums and breaks them. When I delete the file, the bbpress forums resume normal functionality. For the purposes of example, I’ll leave them broken.

Any help is appreciated. Thanks!

http://www.animusesports.com/forums/

WordPress 4.0.1
bbPress 2.5.4-5380

[Bob1nz]

Adding a image in place of your existing title?
I believe that would be done via css and if you wanted it only on your bbpress pages by modifying the template files as with the titles.

Just did a bit of a google for ya and found this https://bbpress.org/forums/topic/descriptionintro-text-on-top-of-forum-page/ which could be another solution possibly?

[Bob1nz]

You could try making a copy of the page template in your child theme and renaming it to bbpress.php then specifying in it to show the title (unhide the css for the forums only.)

You would need to find the part on the page that calls the title-wrapper and specify an inline style of something like <div class=”title-wrapper” style=”display:block;”> as the inline style will over ride the css but only when the bbpress page is called (when you are looking at your bbpress forum)

[sharongraylac]

Ah, thanks for pointing that out, Bob1nz. I removed the code from a Custom CSS file, but didn’t realize it was in my style.css.

Is there another way to add a custom title to the forum without removing this CSS?

The reason it’s there is to avoid a different (bigger) problem between my theme and Woocommerce pages. In general, I’d rather not have titles at all- Just the forum and topics.

Please let me know if you think I’m making a grave mistake though…

Thanks!
Sharon

[Skisma]

I’d like to change the color of staff members usernames on my fourms as well as bold their names. This is probably some simple css I need to modify, could someone point me in the right direction as to how to do this? Most vbulletin forums have something like this, I’m trying to replicate.

[j0n4h]

@robkk So, that should go in my child theme’s css file? Also, how do I just disable the footer for the forums? Not sure what would go in there anyhow. I can’t seem to find where I can access bbpress footer options in the admin panel. Thanks for the response! 🙂

[Robkk]

@skisma i think that was just a mockup from this website in the link below

and the author of this topic just stumbled upon it.

http://www.sitepoint.com/forums/showthread.php?630149-bbPress-theme-project-Design-wireframe-UI/page3

and since this is from 2009 it is most likely the bbpress standalone version 1.0x and such

but you could accomplish close to the same result using wp-usersonline plugin and also the inbuilt stats shortcode and just a little bit of CSS.

create a new topic about this though.