[Chrisp2408]

Hi all,
Running WordPress version 3.5.1 and bbPress version 2.2.4 My them is Everest by Elegant Themes.
All works well with the whole site, and wanted to add Forum functionality with bbPress. The CSS doesn’t appear to be showing at all for the forum. It really is horribly dull and small fonts.

Although this is on a staging / testing server, you will see what I mean:

http://letstrav.cpanel1prelive.ireckonhosting.com/interaction/forum/

Can someone help please? I have copied the original bbPress css file into the /themes/everest/css/ folder but still get the same issue.

Thnks in advance.
Chris

[mx5510]

Anyone?

[Nazaire]

I’m wanting to edit the css of bbPress to tweak the appearance of my forums, specifically the font size. I’m running WordPress 3.5.1, bbPress 2.2.4, and using a twentytwelve-child theme. My forums are at

http://www.asgoth.net/?post_type=forum

I found the “bbPress Custom CSS File” plug-in but according to the description I do not need it.

** This plugin is for bbPress 2.1.x. If you are using bbPress 2.0.x please upgrade. If you are using bbPress 2.2, read below.**

bbPress 2.2+: As of bbPress 2.2 this plugin is NOT needed. bbPress will auto-detect the CSS file if it exists in the right location.

Copy the CSS file from wp-content/plugins/bbpress/bbp-themes/bbp-default/css/bbpress.css to wp-content/themes/[yourtheme]/bbpress.css.

Following the instructions above I have copied the bbpress.css file from the bbpress plugin’s css folder to “wp-content/themes/twentytwelve-child/bbpress.css”. When I go into the WordPress dashboard under appearance-edit the bbpress.css is available for editing.

So assuming I have the bbpress.css file in the right place (if I don’t please instruct me where I need to put it for editing), which line of code in the bbpress.css file do I need to edit to change the font size on my forums.

Any assistance in this matter will be greatly appreciated. Thanks.

[clickmac]

that takes alot of css, best you install wordpress and feature your forum on all categories
like here

[clickmac]

that sidebar can’t change, unless you have a plugin or bbpress build the option in.
unfortunately…

but i used custom css to get rid of the sidebar like this:
http://www.trottyzone.com/forums/

[redknite]

I’m trying to figure out how to replace the page title (in my case “forum”) with an image. So far all I’ve been able to figure out is to code a background image to “.the-content #post-0 h1” css tag.

The problem is that this leaves the page title still on the page in the top corner.

my website is fishwire.rudtek.com

Thanks a bunch!

[Sergio De Falco]

Hi people,

It’s possible because I have seen it, but how-to insert breadcrumbs before page title in bbPress (without using css)?

The title is handled by Worpdress, but if I add

php bbp_breadcrumb

before the title in a custom content-forum.php page, it doesn’t work.

Using a thirdy part plugin (like WordPress SEO by Yoast) will work, but in some pages I see Topics, not forums in the breadcrumbs (maybe due to the post_type), and it’s not really “clean”.

Who can help ne?

Thanks 🙂

[mx5510]

?

[hatherley]

I just noticed my BBpress forum has started using different avatar sizes – And I haven’t made any CSS changes as of late, anyone have a clue?

 

And one more thing, how do you guys add the @username below the real name on this bbpress installation? Is there an option I’ve missed?

Thanks!

[Oazar]

It seems to me this is because the css used for styling is your theme styles.css.
What I did is changing the bbpress css files on line 196 for this :

`#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
margin-left: 140px;
padding: 12px 12px 12px 0;
text-align: left;
color: #fff;

}`
and this works for me for topics and replies

[calino]

Hi, I’ve set up a BBPress forum and played around with the CSS file a bit. I am just having an issue changing the colour of the post text. When typing in the box, the text is dark grey on black. After posting, the text appears black on black.

This is the site: http://www.thegig-abyte.com/forums/topic/upcoming-gigs/

I tried adding this to my CSS but it didn’t work:

.bbp-reply-content p {
color: #FFF;
}

Thanks for any help!

[mx5510]

Bump to get passed that spam..

[mx5510]

How can I disable my theme’s css from being applied to the forum? It’s not meant for this and it makes it messed up and unreadable.

Screenshot 1: http://i.imgur.com/hulh46Z.png

Screenshot 2: http://i.imgur.com/gtm15Ys.png

[Jerry]

I would like to remove ‘You may use these HTML tags and attributes:…’

I am using the Thematic Theme 1.0.2.1
and bbPress plugin 2.2.4

I put this code in my themes style.css file:

.form-allowed-tags{
display:none;
}

This removed ‘Your account has the ability to post unrestricted HTML’ when I am logged in as admin.

Everything I have found in forums about removing ‘You may use these HTML tags and attributes:…’ refer to the Twenty Ten theme, and files and code I can’t find.

Thank You

[SUM1]

It’s exactly how the title puts it. It’s just a blank page with the text “viewing 5 topics – 1 of 5”. I’ve searched it up and one solution was to change line 815 in bbpress.css to “clear: both;” instead of “clear: none;”. It wasn’t line 815 but 818, but it was still near so I knew which one. I tried it, and the topics showed, but they were shifted down the page quite a lot, and there was a lot of blank space between the “viewing 5 topics – 1 of 5” and the topics list. Is there any way I can solve this? Direct link to problem is here.

[Pippin Williamson]

You can use the following three filters:

bbp_get_forum_class
bbp_get_topic_class
bbp_get_reply_class

Each of them function exactly like the core WordPress post_class filter: https://codex.wordpress.org/Function_Reference/post_class

[geoffm]

Just for info, I’ve just tried the CSS fix and it worked fine. I’m using the suffusion theme and added it via the custom includes. Many thanks!

[@mercime]

@supernaturalbrews Re full-width BuddyPress pages: I see that you’re already using BP 1.7 beta 1, good for you! Make a copy of page-no-sidebar.php file from parent theme and Save As buddypress.php in your child theme folder.

To remove the vertical dotted line in the midst of full-width BP and bbP pages, add the following to your child theme’s style.css file:

body.BuddyPress #posts,
body.bbPress #posts {
background: transparent none;
}

[SupernaturalBrews]

@mercime anything related to bbpress I would like to have full width without sidebar.

I’m using triton lite.

I put the above code into the child theme css and it got rid of the sidebar but its not full width.

Here is the link to the forums:
http://www.kcnanobrews.com/forums/

[SupernaturalBrews]

I created a child theme and added it to the style.css. But it won’t make the forums full width. I don’t know why it’s so hard to find a solution to this. Everyone seems to have the same problem.

[SupernaturalBrews]

I created a child theme and added it to the style.css. But it won’t make the forums full width. I don’t know why it’s so hard to find a solution to this. Everyone seems to have the same problem.

[kmjamal]

Where did you add the css code? I mean which css file? Do i have to add this code in my theme css file?

[SupernaturalBrews]

I would like to make my forums full size. Anyone know how to do that?

I managed to get rid of my forum sidebar with the following css code:

body.bbPress #sidebar {display:none;}
.bbp-forums, .bbp-forums td, .bbp-forums th {

text-align: left;

width: 100%;

}

.bbPress .inner-content {

margin: 0;

width: 960px;

}

[Lynq]

Depending on where they are you will want to remove them with CSS something like…

#bbpress-forums li { list-style-type:none; }

[akgt]

I tried your the in buddypress but i get the following error

The package could not be installed. The theme is missing the style.css stylesheet.