[LabSecrets]

I ran a test site and figured it out for you… or anyone who is having same issue.

It seems that the bbp-user-section class needs the attribute of “inline-block” in order to properly float to the right of the profile navigation. Also I had to force it to go 100% width (it picked up the 68% from somewhere else)

Use  this CSS:

#bbpress-forums .bbp-user-section {
display: inline-block;
width: 100%;
}

[remike]

Can someone please help me out?

The quoting function leaves me out with a huge margin before the quote! I first noticed it today and I have no idea what caused it!

I added a fancy editor a couple days age pasting a code from topic.
I also messed around with plugins GD bbPress Tools and bbPress2 BBCode trying to find the best solution for quoting.

Somehow I have now a huge margin, I can’t edit it in css – don’t know what to do!

It looks like this http://img152.imageshack.us/img152/1030/quoteproblem.png

The link to my forum and an example topic with (notice that the quoting function worked fine a few days ago…)
http://lowcygier.pl/temat/dolacz-do-naszej-grupy-na-steamgifts/?view=all#post-1877

Please, I will appreciate any suggestions

[jwrbloom]

My forum’s home page is taking on post CSS attributes from my theme. I’ve tried using this:

.forum-archive .item-list div {
float: none !important;
width: 100% !important;
}

When I inspect the elements, unclicking float and width makes it look good in my browser, but trying to duplicate within the actually CSS, it doesn’t change anything. item-list is a class from my theme.

[fuzzybee]

Apologies that I sounded impatient and impolite.

I will do the CSS (and JavaScript?) tweaks myself.

Thanks!

[Shane Gowland]

bbPress is now a plugin for WordPress. That means that it doesn’t run without an install of WordPress.

As for the design; that’s entirely up to you. You can go with the default bbPress styles, use a WordPress theme that overrides them or apply your own CSS and make the forums totally original. I recommend having a good read of the bbPress 2.0+ documentation.

[Todd – WireFlare]

It doesn’t look like things are too messed up. Although it’s not always the best method in this case I would recommend using the !important tag in your css for bbpress. This will only override the theme when the bbpress-forum tag precedes it therefore not effecting the rest of the site.

Specifically you should follow the instructions to move the css into your theme directory and then modify line 62 of the bbpress.css found in your theme/css folder. You’ll need to add !important before the ; and after your list-style and margin entries. In order to get rid of the stars you’ll have to add a line of css defining the “a” style within the bbpress-forum. You’ll need to set the background to none and the padding to 0.

Hope that helps.

[Halo Diehard]

Howdy, can someone please check out the first page of my bbPress forums and tell me if it’s supposed to look like this? I can certainly tweak it with CSS, but I need an example, so if someone could provide a link to what it’s supposed to look like that would be great! BTW, I don’t mean colors, which I’ve begun tweaking already, I’m referring to the layout.

I’m using:

WordPress Version: 3.4.2
bbPress Version: 2.2.2
Theme: Custom Community

Link to my bbPress test forums: http://themetest.halodiehards.org/hd-forums/

[padekan]

I did the foolish thing of changing two variables at the same time and now I’m not sure what I caused.  Recently I upgraded to bbPress 2.2.1 and at the same time moved to Twenty Eleven theme (wanted a responsive bbPress theme).  Had a couple of problems which I googled and resolved:

1) no side bars showed up on Forum & Topic pages (fixed by installing Twenty Eleven Theme Extensions & Enabling Widgets on single post pages)

2) Ultimate Tiny MCE was no longer showing up .. this was fixed by John’s helpful advice in:

No more Ultimate TinyMCE buttons in fancy editor after latest 2.2 update.

And I noticed a third issue, which was for ordered and unordered lists, they longer had bullets/numbers.  I upgraded to bbPress 2.2.2 today hoping that might have fixed the problem but the behaviour is still the same.

I looked at the element information in Chrome and it shows that the list-style-type is set to “none” by bbpress.css. This is true for both ul and ol type lists.  I can’t be sure whether it is Twenty Eleven or the bbPress updates which caused the formatting to change but the fact bbpress.css was involved pointed me here.

Being a pretty newbie guy from CSS perspective, I don’t know where and how I show try override the style type.

Suggestions greatly appreciated.

regards, Paul

[LabSecrets]

In many of our client custom setups, the fix was on line 78 of the default css:

See our post here for potential quick fix to the CSS:

bbPress 2.2.2 released

[LabSecrets]

Between 2.2.1 and 2.2.2, we found that the profile pages suddenly “vanished” (but the code was still there). It was a CSS issue.

For our clients and personal sites, the fix was on line 78 of the default css:

We changed “clear:none” to “clear:both”


#bbpress-forums #bbp-user-wrapper ul.bbp-lead-topic, #bbpress-forums #bbp-user-wrapper ul.bbp-topics, #bbpress-forums #bbp-user-wrapper ul.bbp-forums, #bbpress-forums #bbp-user-wrapper ul.bbp-replies, #bbpress-forums #bbp-user-wrapper fieldset.bbp-form {   clear: both; }

[nickzee]

Dear community.

I have spent the last few (5) hours reading the various posts, trying to get bbpress to integrate with my custom WP theme. Unfortunately, I don’t have the knowledge (or enough) to figure out how to make the two work together.

Info
Wordpress: 3.4.2
Site link: http://www.restorationcoach.com/restoration_coach/forums/
Using this theme: http://www.templatemonster.com/wordpress-themes/39849.html
bbpress: 2.2

My main issue seams to be css related. I think bbpress is and the theme are sharing css files, causing a funky appearance. Overall forum function seems to be working fine.

So far I’ve done the following.

Completely removed bbpress and installed new 2.2 version.
Read: http://codex.bbpress.org/theme-compatibility/ (this is for customizing the bbpress theme, if you want? And if you don’t, then leave the install as is?)
Watched: http://www.youtube.com/watch?v=lB2Oodx2GJw (not sure if this applies with 2.2)
Switched to Twentyeleven: Looks better, side bar is missing, and footer contact form, map and links are over top one another.

I can see in firebug where both style.css and bbpress.css are being used to style the forum. Most specifically #page-content ul li. This, I believe, is causing the issues but not quite sure how to fix it.

Thank you in advance for the assistance.

[John James Jacoby]

The editor here is the basic WordPress editor with some CSS tweaks; something anyone with a spare hour should be able to put together.

[projetRSSMO]

Thank you for the fast reply. However, since i’m really no programmer at all, I have no idea what you mean. English is also a second language for me.

“Try display: block;’ing the main content div, or the wrapper around your content.”

The first part of the sentence does not make sense to me, and I don’t understand what you mean by “wrapper”.

Are you suggesting that I modify a CSS file? If so, you’ll have to tell me exactly where and how!

The other weird display problem that I get is since I activated bbPress, the page of the installed plugins menu (admin dashbord) does not show up when I click on it. I have to mouse over for some elements to show up. I can also reduce the size of my browser, and the parts of the page that are “hidden” suddenly appear once I resize the page to a big size. Weird stuff. Otherwise eveything runs perfectly.

I’d just like to make forum members able to easily edit their posts.

Thank you.

[Anonymous User 5621168]

I’m having trouble changing the font color of the Fancy Editor (tinymce). I want it to be #fff but it is #333 !

I’ve isolated the css with firebug and it points to /wp-includes/js/tinymce/themes/advanced/skins/wp_theme/content.css . However, even if I edit the appropriate line in content.css and change color to #fff it still displays #333.

Here is the URL to the page in question:
http://www.directorated.com/forums/forum/general/

[webar2007]

Hi! I have installed the bbpress forum plugin here: http://buyclassifiedscript.com/forums/ but the forum is aligned to the left and its full width. I managed to change the css to 1000px but its still to the left. Any suggestions how I can center it?

bbpress: 2.1.3 (TwentyTen package)
WP: 3.4.2

[thesnowjunkies]

I ran into the same problem, Alex. Never fixed it, but my workaround was to just put a single topic into each forum.

[dprundle]

I’m having this same issue.

When you say to edit the CSS file on line 84, which exact file are you talking about?

[dprundle]

I’m having this same exact problem with the twenty eleven theme. Widgets are not displayed until the bottom of the forum.

Melindrea – I’m very new to CSS, you state to change the forum CSS from “container” to “primary”. Where would I find that CSS? in the plugins directory?

Thank you

[jezza101]

Not sure what happened but the posting form on my forum has changed. Unfortunately I did a few plugin upgrades – jetpack, bbpress, genesis bbpress plugin – at the same time, and some other updates to the site so not sure what has caused it.

Wondering if anyone has had this too and could help me identify the cause, and hopefully a fix?

For example, have a look here: http://www.nxtab.co.uk/discussion/forum/off-topic/site-news/

The form buttons have changed and now appear to have taken some styling from the site’s theme (ah could there be a clash of CSS classes perhaps?) and switching between HTML and visual no longer works.

Will be experimenting with disabling and enabling plugins to see if there is a clash.

Any help much appreciated.
Thanks.

[zeaks]

Using Twenty Tweleve wordpress theme, the default compat theme the html and visual tabs are to the left and if clicked they create and tags, there’s no background behind the toolbar. If I click the link button, the popup shows up but it looks as if all the CSS for it is missing and I see constant loading icons. If I disable the “fancy” toolbar, I don’t see a toolbar or buttons at all. If I switch to Twenty Ten forum theme, then the toolbar shows.

** Update, looks like a conflict with Jetpack, works fine if I disable it.

• This reply was modified 13 years, 1 month ago by zeaks.
• This reply was modified 13 years, 1 month ago by zeaks.

[Phill]

I figured it out. I placed the bbp_replies_pagination_count (and topics count) within the headers of both loop-topics.php and loop-replies.php. I also had the change the CSS class for the “Posts” block in the header and reduced the height to make sure everything lined up properly. My theme really did not like bbPress but it’s almost 100% working now. Thanks for your help!

• This reply was modified 13 years, 1 month ago by Phill.
• This reply was modified 13 years, 1 month ago by Phill.

[zaerl]

Probably the problem here is that your CSS is included the wrong way. Long story short: if a permalink is used and the style is included with a relative path then the browser will try to retrieve the CSS from the apparent folder. Let’s make an example in order to circumvent my horrible english. This page URL is: https://bbpress.org/forums/topic/style-changes-after-modifying-slugs/

If I include a CSS in this way:

[link rel=’stylesheet’ href=’style.css’ type=’text/css’ /]

the browser will try to download:

https://bbpress.org/forums/topic/style-changes-after-modifying-slugs/style.css

which is obviously wrong. Check your page source and maybe trace an eventual 404 error with Firebug. Or provide me a link to your forum and I will check it for you.

[Stephen Edgar]

Are you using custom templates (copied bbPress templates to your WordPress theme folder) or have you just tweaked the bbpress.css to match your theme?

Also what version of bbPress are you using?

[kristinachilds]

I’ve removed all the breadcrumb calls in every template file but they still show up. I can’t use the filter because I have the call in header.php. Any idea why this isn’t working? For now I just solved it with CSS, but would like to know where the hook is.

#bbpress-forums .bbp-breadcrumb-home, 
# bbpress-forums .bbp-breadcrumb-root,
# bbpress-forums .bbp-breadcrumb-separator,
# bbpress-forums .bbp-breadcrumb-current { display: none; }

• This reply was modified 13 years, 1 month ago by kristinachilds.
• This reply was modified 13 years, 1 month ago by kristinachilds.
• This reply was modified 13 years, 1 month ago by kristinachilds.
• This reply was modified 13 years, 1 month ago by kristinachilds.

[rolandrnl]

Hello,

I have a dev version of my website so sorry but you have to enter the password and the username: dev/dev1234

My problem is with the profile page, if you check it you can see the header with the AMS name not fits perfectly. So I want to change. If I change it the header is change every post page.

If you check the css classes you can see the following: post-1693 post type-post status-publish format-standard hentry category-vice-city tag-evfordulo tag-focimdal

I don’t know why but the profile page get the latest posts css classes. Why?

The posts url: http://dev.codenamegta.hu/2012/majamihiroz-vice-city-focimdala/

The profile url: http://dev.codenamegta.hu/forumok/tagok/ams/

How can I disable the redirection after the registration? It’s very annoying if the user the a login registration form with different design.

Thank you very much!