[jeepdon]

Re: http://powershell.org/wp/forums/users/dlwyatt/replies/

You’ll notice that the container for the page content is getting a 0px width and massive height calculated. The CSS style #bbp-forums has an “overflow: hidden;” style. Removing that style element fixes the display – but I’d like some confirmation that this is indeed a bug? The content in this specific case has a lot of PRE/CODE styling, so I’m not sure if there’s some weird interaction going on that I just can’t figure out.

The container in question is a ul#topic-0-replies, classed with .forums and .bbp-replies. The overflow attribute I’m referring to is coming right from the top of bbpress.css.

Note that I’m using the default styling/theming for BBP.

[QTipPoker]

My forum site is:

http://qtippoker.com/forums/forum/qtip_forums/

I’ve no idea why, but I’ve recently lost the table type formatting that came with bbpress (the way each forum was in a box and such.) I don’t think I’ve installed anything new or made any css changes since I lost saw bbpress in the table format.

Any ideas? I’m using twenty thirteen.

Thanks.

[Cars10]

ok, here my latest uüdates to custom CSS field of my theme:

#bbpress-forums > #subscription-toggle{
   float:right;
}

#bbpress-forums div.bbp-reply-content a.subscription-toggle,
#subscription-toggle a{
   font-weight:bold;
   padding: 0 2px 0 2px;
   border: 1px solid navy;
   background-color: white;
}

#bbpress-forums div.bbp-reply-content .is-subscribed a.subscription-toggle,
#subscription-toggle .is-subscribed a.subscription-toggle{
   background-color: #FFE000;
}

[ozgurpolat]

Hi,

I have a bbpress Version 2.3.2 installation that works fine but if I upgrade to Version 2.4 or 2.5, the css breaks for subscribers and only for child forums. What I mean is if I have a parent forum and create a child forum, when a subscriber visits the child forum, css doesn’t display properly, but if the user is admin, there is no problem. Not sure how to fix it.

Thanks

[Robin W]

You might need to play a bit, and come back if this either works or doesn’t, I’ve only had a quick look, and suspect there’s a much better way…but

You main theme uses ‘Helvetica Neue’,sans-serif and the forum is using Arial

I’m still on 2.4.1 so can’t tell you which lines you need in version 2.5

So in the bbpress.css file you’ve correctly copied to theme’s folder, do a search for “font-size” and where you find it, add a line

font: ‘Helvetica Neue’,sans-serif;

That will take it in common with the main theme’s font.

for instance

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 {
	background: none;
	border: none;
	font-size: 16px;
 	line-height: 1em;
 	margin: 8px 0;
	padding: 0;
	text-transform: none;

you’d alter it to say

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 {
	background: none;
	border: none;
	font-size: 16px;
 	font: 'Helvetica Neue',sans-serif;
 	line-height: 1em;
 	margin: 8px 0;
	padding: 0;
	text-transform: none;

[FreeWPress]

Hi, is correct because you have closed topic and bbpress use ccc colors text for closed topics..

If you want to change it, open bbpress css at line 66 and find:

#bbpress-forums .status-closed, #bbpress-forums .status-closed a {
    color: #CCCCCC;
}

change in #000000 or other colors…

[byronlee27]

I am having some trouble figuring out how to change the font type on my forum. Everything looks good except the forum index, which is using a font that looks like it’s done with a typewriter. I want to use a bolder, darker font link the rest of the site has. I’ve copied the bbpress to the themes folder and made a CSS folder and copied everything to there. I was looking through the code and I couldn’t make heads or tails out of it. Can someone go to http://www.lowvisionrants.com/forums and tell me how to change the font of that main page so it looks normal?

[Thibaud]

Sure, although the first steps of customization comes from avada theme who integrate styles for bbpress as you can see on this page : http://theme-fusion.com/avada/forums/forum/general-information/

The following is the css i added to the style.css file of avada. I’m a begineer so let me know if something is wrong.

#bbpress-forums li.bbp-header, #bbpress-forums div.bbp-reply-header, #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a, div.bbp-template-notice, div.indicator-hint {
background: rgba(255, 204, 0, 0.65) !important;
}

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
font-size: 17px;
}

li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count {
float: left;
text-align: center;
width: 11%;
}

#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, #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic, #bbpress-forums div.bbp-reply-content, #bbpress-forums div.bbp-reply-header, #bbpress-forums div.bbp-reply-author .bbp-reply-post-date, #bbpress-forums div.bbp-topic-tags a, #bbpress-forums #bbp-single-user-details, div.bbp-template-notice, div.indicator-hint .bbp-arrow {
border-color: #FAD200 !important;
}

#bbpress-forums div.odd, #bbpress-forums ul.odd {
background: rgba(10, 89, 229, 0.16);
}

#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: 15px;
}

And a few BBpress specific’s plugins :

Social Login (also a wordpress plugin)

Orbisius bbPress Enhancer

bbPress New Topic Emailer

bbPress Enable TinyMCE Visual Tab

bbPress2 shortcode whitelist

bbPress2 BBCode

And unfortunatly bbPress Threaded Replies doesn’t work with bbPress Enable TinyMCE Visual Tab, it’s one or the other.

[YacoRoca]

Hi, I am including a screenshot, basically the author posts and suscribe favorite lines are floating on top of the actual forum entries. I can’t figure out exactly what is wrong, and I tried removing all the custom css and still nothing. Any suggestions as to what the issue might be, or on how to find the cause?

Thanks!!!

[Robin W]

Unfortunately it’s css and php files that you will need to amend

Quickest change would be to add the following to your style.css

#bbpress-forums .bbp-forums-list li {
display: list-item !important;
font-size: 11px;
}

or to amend the display line in wp-content/plugins/bbpress/templates/default/css/bbpress.css line 121

That’ll get your list vertical.

Add descriptions to your forums (dashboard>forums>edit and put something in content) and you’ll have the next part.

Then if you want to alter the display, you’ll need to look at loop-single-forum.php

or the main forum display loop-forums.php

[isopaha]

Hey,

I just finished creating the 2.0 version of my guild’s website. The earlier version was running really old wp+bp+bbp, so I wanted to create everything from the ground up.

I had a lot of issues importing the forums and users from the old site, since I didn’t want to import thousands of spambots.

Anyway, you can check out the forum at:

http://www.loreschool.com/forums/ and the whole site at the same place.

I’m running BuddyPress + BBPress. What do you think? Site is fully responsive but I still have some graphic elements and css to fix on some resolutions. Any feedback is welcome 🙂

EDIT: One of my biggest issues is that the Search widget is not searching anything from the forums, so I have to use some BBPress search widget, which in other hand doesnt search anything from posts. Any ideas for a fix?

[bbp-fan]

No, unfortunately not. 🙁 Also not with ! important.
Although these are exactly the two titles that I want to enlarge! The only that works is the solution with inherit, but that just increases all fonts in the forum and I do not want that. It also destroys the layout. I’m certainly not a CSS professional, but I have changed so much and it all worked. Why does this one not work?? I really do not understand what’s going on.

Is there any way to ask one of the bbpress-people?

[rahman.mahfuz]

I was also using a Child Theme of Woothemes Canvas Theme. In my case, it was resolved using the following (I found this solution in this site – http://www.pootlepress.co.uk/2013/06/65-tips-tricks-and-css-tweaks-for-woothemes-canvas/):

Fix for BBPress and Canvas (5.2 and higher)
———————————————

Matty Cohen from WooThemes provided the fix for this one 🙂

Add a file called “bbpress.php” into your child theme. This file can be downloaded here: https://gist.github.com/mattyza/1b01583441b11c8d04d0
Add the following code in the designated area of your “functions.php” file: https://gist.github.com/mattyza/f210cadb7f70188d513d

[FreeWPress]

Try add this in your css:

.bbp-forum-title,
.bbp-topic-title {
   font-size: 16px;
   font-weight: bold;
}

[bbp-fan]

Hi Robin,
no, unfortunately, that also does not work. It changes the title in the blog, not the bbpress-forum.

It’s absolutely crazy.
I just made ​​some changes to the existing CSS in my child-theme to see if the css file is ever used. But EVERYTHING works. Only with these two bbp-titles (forums und topics) nothing works.
I’ve just tried the following:

. bbp-forum-header a.bbp-forum-permalink,
. bbp-topic-header a.bbp-topic-permalink,
. bbp-reply-header a.bbp-reply-permalink {
font-size: 18px;
}

Nothing happens.
But: Somewhere the size of this fonts must still be defined!! (???)

Apparently no one of the bbpress programmers reads here in the forum. Too bad. 🙁
I give up now.

Thank you, that you were so kind and patient!

[Robin W]

I just took a look at my forum

On a single topic display, my css is from line 575

#content .entry-title {
    color: #000000;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 0;
}

and when I view a topic title in a list of forums it is from line 475

#content, #content input, #content textarea {
    color: #333333;
    font-size: 16px;
    line-height: 24px;
}

Have you tried either of those?

It is frustrating that I can’t directly see what you’re looking at 🙂

[bbp-fan]

Hi Robin, thank you for your patience!

I have a child-theme in wp-content/themes/myTheme. Inside is MY style.css. Here I have copied all the passages from the bbpress.css that I wanted to change. It has always worked fine! Just changing the font size in the forum-title and the topic-title is ignored. Despite !important.

You also can check a topic-title in bbpress with Firebug. I did ​​it like this: highlight the topic-title, mouse-click (right) and then check by Firebug.

[thirtyfivemill]

Robin, that’s very kind of you and thank you for the thoughtful reply, it’s appreciated. I’m basically familiar with tweaking the css for styling, so that bit will be fine once I get the new theme installed. What I’m struggling with is getting the newly downloaded bbpress theme (the main theme will stay as is, this theme is solely for the forums and will work within the main theme) to function.

This is the theme I’m trying to install and activate:

http://www.spyka.net/bbpress-themes/static-blue-bb/

At some point they had a link to an installation guide but does that link work now? 🙂

[Robin W]

Yes, and I totally agree, the documentation is woeful, unfortunately those that know the answers won’t update, and the rest of us work out bits that function, but are never sure whether these are the best ways.

Anyway onto your question.

bbPress is a plugin, and out of the box it works well with twentyten, and I understand twentyeleven.

Beyond that you’ll need to style it.

This consist of two elements :

Functionality
Styling

Functionality

I create a page called “forums”, and then put whatever forum text at the top followed by the forum shortcut [bbp-forum-index]

See http://www.gospbc.co.uk/forums/ for an example

Then loading a plugin called bbPress WP tweaks adds a forum sidebar to your widgets area.

I have loaded this with a login widget, forum list, recent topics and recent replies, as well as some other stuff from my website. See link about for what is in there.

This then gives you a basic forum area.

Then onto

styling
bbPress using the default bbpress.css as it style doc unless you tell it otherwise

You can customise look and feel – fonts, colours, background quite easily by using one of two methods, knowing what to change is the hard part !

If you have an existing child theme, you can override the bbpress default for elements by adding them to your own child theme style.css BUT you need to put !important into them to prevent the bbpress plugin from loading later and overwriting them with the default

As an example if you wanted to change the font-size of the forums list you’d put the following into your css

#bbpress-forums .bbp-forums-list li {
	font-size: 11px !important;
	}

The alternate method, and perhaps better if you want to make lots of changes, is to copy the default bbpress.css from /wp-content/plugins/bbpress/templates/default/css
to /wp-content/themes/%your-theme%/css/

you can then edit it there to your hearts content, and you don’t need the !important bit.

OK so how do I know what to edit?

You’ll need to get familiar with using something like firebug with firefox. This lets you examine sections of your website and see precisely what css element is styling it.

http://www.youtube.com/watch?v=tdIk2PztcL0 gives the start of a tutorial on this

When I get a moment, I’ll start to add this to the bbpress documentation.

I only started with WordPress and bbPress in March, and am still learning the basics !

[Robin W]

and that class is the one you tried to change, it is on line 166 of bbpress.css

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 {
	background: none;
	border: none;
	font-size: 16px;
 	line-height: 1em;
 	margin: 8px 0;
	padding: 0;
	text-transform: none;
}

[Juanfra Aldasoro]

Hello,

I’m using this function in order to enqueue some custom CSS when a forum related page is loaded.

The problem is for example, the “New Topic” page – Part of bbPress – gives FALSE when I call is_bbpress()

Is there any place where I can check about this function besides going through the core code? I’ve searched over the Documentation and couldn’t find anything.

Thanks,
Juan.

[bbp-fan]

–
It’s only a small thing – basically. Nevertheless, since a few days I am on experiment, only to enlarge the font size of the links “forum-title” and “topic title”. 🙁 And only these two! (no other font-size in the forum) I’m not successful. Despite the use of Firebug I do not find the correct place in the CSS.

I also do not understand what in this line
# bbpress-forum div.bbp-forum-title h3,
the “h3” is. My “h3” is much larger defined, but is not taken.
Which “h3” is meant and where it is defined?

Please help! I’ll go crazy 🙁

[ggwarpig]

It appears that scripts and styles in the default theme are being added regardless of whether I’m viewing the forums or not.

For example: I have bbpress setup at /forums/ but I’m seeing /bbpress.css in the header of /blog/ and other pages.

At a minimum, head_scripts() is outputting a jQuery document ready call that I can’t be having all over my site.

[Robin W]

That color is set by your parament theme css

wp-content/themes/parament/style.css

Line 81 sets this color, the code wrapping it is

a {
    color: #989EAE;
    text-decoration: none;
}

change the color line to

color: #000000;

You can :
edit this file to change it, but any theme updates will overwrite it, so you’ll need to keep a record of what you changed.
or create a child theme to overwrite this
or use a plugin such as jetpack to add it using their css editor

For child themes google “creating a child theme video” to see lots on how to do this.

[RB2108]

Hi .. As a volunteer, I’ve created and run a website for a local dental charity http://www.dentaid.org which uses WordPress and a custom theme. The charity have asked me whether its possible to add a forum within the existing site to allow the dental volunteers who go on organized trips to developing countries to get together before the expeditions and discuss topics, ask questions of the organizer etc. Clearly bbPress is a natural candidate for this but having spent a few hours searching the web, I’m not 100% sure of the right way to proceed (and of what I’ve read, there seems to be several different ways to implement bbPress .. maybe depending upon the level). I would like the forum to work as a self-contained subsystem within the existing web site with one entry URL (www.dentaid.org/forums) which can be added to the nav bar and maintaining the existing header/nav bar and footer, so using the one column full screen width content for bbPress. I think that bbPress will need it’s own styling as I’m sure that the existing style.css won’t be optimal for forums.

I’ve tried putting bbpress shortcodes into new pages as recommended in some of the web articles but although it appears to work, the styling is not ideal and functionally it seems very basic. What I’m aiming for is to put something like the bbPress forum page that I’m using right now into the content of a page on our website while keeping the rest of the website exactly asis. (I would also like to allow new folks to register and/or existing users retrieve their lost passwords from within the bbPress ‘subsystem’ i.e. provide complete forum functionality from within the bbp system.

Any help as to how I go about this would be much appreciated as the charity have decided that this is an urgent requirement for a trip to Uganda coming up soon and I don’t want to go off at a tangent and waste a whole load of time climbing the learning curve. At the moment, I’m confused as to whether I should be using widgets, creating child themes, using shortcodes with my own pages or anything else.

Pointers to web pages, documents, videos or just some good old-fashioned advice will be very welcome.

Thanks in anticipation.
Ron