[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;
}

[Juan 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

[connielk]

As per the theme support page, I went to bbpress\templates\default\ and copied the bbpress and css folders into my theme folder. I also copied archive-forum.php and single-user.php in to the theme folder.

I made a few modifications to archive-forum.php and single-user.php to fit into the page and remove the sidebar.

Seems like most functions are working now except Search. It still goes to a wonky page. Where do I go to look to fix that?

[Robin W]

ok, try this – I have culled it from varous other posts, in particular

Full-Width Forum

Don’t swear it will work, but give it a go

1. Create a page called “forums”,
2. make this page a full width page – if your theme doesn’t support this, then you’ll need to create a child theme and add a full page template.
3. Put this shortcode on the page [bbp-forum-index]
4. edit the following file
wp-content/plugins/bbpress/templates/default/css/bbpress.css
by removing the left float from div.bbp-breadcrumb(line 405)
5. In your style.css add the following

.bbPress #primary {
display: none;
}
.bbp-forums {
width: 100%;
}

let us know if that works

[unklee]

Guys, I have been a WordPress user for a couple of years, but just beginning to work out bbpress. It looks great (thanks!) but I’m finding a few difficulties working out a few things.

I want to suggest that you enlarge the Codex slightly to assist new users, with a section titled something like “Some common issues”. It could include your recommendations and suggestions on the following:

Getting sidebars the way you want them:
Outline the various common problems and the recommended approaches/plugins to solving them (there are many threads on this, not all resolved):

• remove all sidebars
• Get the same sidebars as your blog
• Different sidebar to blog

Styling
Do we need a special CSS or can we use the CSS from the blog?

Features of most forums
Most forums have features that it is sometimes hard for newbies to find the right way to get them, so giving us some good advice would really help:

• List of forums in sidebar
• List of recent posts in sidebar
• Login/register box
• HTML/BBCode buttons – is a separate plugin useful?
• Admin & moderation

I know you probably don’t want to favour some plugins over others, but giving us your best advice, and maybe listing a couple of alternatives, would be very helpful.

Thanks.

[baylock]

I really hope someone will be able to help you on this but I believe, as long as BBpress works ok out of the box, that the question should be asked to your main theme maker.
Maybe it was supposed, at some point, to work on some previous version of BBPress?

Anyway, if you know how to use css, this should be something that could be solved within minutes.
I would help if I could but without having this specific theme styles, it’s difficult to know remotely what to tweak.

Anyway, I hope you’ll find your answer around here!

Regards.

[FreeWPress]

Hi, search this code in css:

li.bbp-forum-info, li.bbp-topic-title {
    float: left;
    text-align: left;
    width: 49%;
}

Set width like 49% and correct visibility problems….

[fpats]

Hi, i’ve set up my theme which is a deep red and installed BBpress successfully, which of course is all grey. Everything works great but the colours are a mess.

Is there a quick & easy way to change all the colours or does it involve changing 100s of lines of CSS ? A plugin maybe?

I tried installing some themes from bbpshowcase.org but none of them seem to work.

thanks alot

[koendb]

Hey.

If you haven’t created a child theme, start with doing that.

Create the file bbpress.php in your child theme.
Copy the content of your page.php file into this new file.
Remove the line

<?php get_sidebar(); ?>

You’ve removed the sidebar 🙂

Now you only need to change / add some classes / ID’s and adjust your CSS file to give the forum a 100% width.

Keep me updated 🙂

[modbunker]

Thank you so much Robin for taking the time to help. The lost password link worked!

Although I do not really know about all that Page Template and CSS stuff, so I would be aerie to mess with that. I basically just want to make the login page the page under http://modbunker.com/forums/ so it doesnt take them to that WordPress page. It seems even if their login is correct it still directs them to the wordpress page to login again and then directs them to http://modbunker.com/forums/ which I want in the first place. Id just hate for my users to have to login twice basically, and have them be directed to a WordPress login which might confuse them.

But if it works it works may just have to stick it out and see. Thank you again

[koendb]

Hi R,

Removing the search bar is easy; it’s a bbpress option. I don’t know the exact option description, cause my bbpress is in dutch, but should state something like this:
[forum options] –> [allow to search through all of the forum]

To remove the forums link the ‘ugly’ way, just add this to your .css file:
article.forum h2.entry-title a { display: none; }

I heavily edited all of my templates (both wp and bbpress), so don’t know how to remove the HTML, but I guess you’ll find your code in a content(-xxx).php file.

The text ‘Forums’ is probably echo’d by the_title()

[FreeWPress]

Hi, this is a css conflict issue… find it in your css:

.reply a {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    bottom: -2px;
    display: inline-block;
    font-family: 'BebasNeueRegular',sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    height: 20px;
    padding: 6px 10px 2px;
    position: absolute;
    right: 0;
}

Now you try to remove: position: absoloute…

And they appear in correct position.. You must to change your css style.. If you search in this forum have other person wich your same problem…