[Martin ( Martin_C )]

Try this at the bottom of your  CSS file:

#bbpress-forums .bbp-user-section ul.bbp-topics
float: left !important;
}

[sureshtmp-456]

WP 3.4.2
BBPress Plugin – 2.2.2

1) Installed BBPress plugin. Did basic setting in admin for the plugin.
2) Copied archive-forum.php and single-forum.php from bbpress plugin directory to mytheme root directory.
3) Copied “css/bbpress.css” to mytheme root directory and then customized.
4) Installed “bbPress Search Widget” plugin. Put it in Primary Area.
5) That’s it. I have not created any new template/page for the forum.

All look fine and working but I have this problem.
If you go to this page http://www.clouni.com/askquestions/
You will notice the search widget in lower right side. How can I put it above the forum breadcrumb “CLOUNI › Forums” ?

[sureshtmp-456]

WP 3.4.2
BBPress Plugin – 2.2.2

1) Installed BBPress plugin. Did basic setting in admin for the plugin.
2) Copied archive-forum.php and single-forum.php from bbpress plugin directory to mytheme root directory.
3) Copied “css/bbpress.css” to mytheme root directory and then customized.
4) That’s it. I have not created any new template/page for the forum.

All look fine and working but I have this problem.

If you go to this link http://www.clouni.com/askquestions/

You will notice the title “Forums” in left side. How can I hide it ? If I understand correctly, it is page title generated through wordpress. But how to hide it only for forum pages and not other page in wordpress ??

[Martin ( Martin_C )]

If you know CSS you can easily add some styles to your to style sheet. If you use the default templete, it could look like this:

.bbPress.forum .entry-title {

/*Styles to add icon image to the left of this element goes here*/

}

[Darren1981]

Hi how do i edit the forum title for the main forum page.. I just want to add some .css to the header “Forums” but can’t find what template i need to edit to start hacking up.

Thanks

Regards, Darren

[LabSecrets]

There is a div in your header.php file that contains the top search box. This could be modified to add a login box or login link (better, IMHO).  Since I don’t have access to your theme files, you will have to tweak the css a bit, and put it into your style sheet (I’m showing it inline here just by example):

<div id=”top_area”><section class=”widget widget_search” id=”search-4″><a href=”/wp-login.php” style=”float:left; display:inline-block;margin-right:20px”>Login</a> <form action=”http://aftertasty.com&#8221; id=”searchform” method=”get” style=”width:400px;”>

 

 

 

[LabSecrets]

Making a child theme is beyond the scope of this forum, but there are plenty of good resources if you google “create a wordpress child theme”.  In a nutshell, you need “at least” to have a new folder, with a style.css file that references the proper header elements of your parent, including its name and the location of the parent theme’s style sheet.

If you are using the shortcode method, please try the default method instead, which is to change bbPress’s default root slug to something that is “NOT” an existing page (try “sitewide-forums” for example). This will allow you to keep your existing page / shortcut method index. Please show us what happens when you do this? (provide the URL)

[mlakritz]

Right now I have the page built using [bbp-forum-index] in a page that is just my website with the /forums.

This is giving me the result of the bullet point style forum index page.

@LabSecrets – I read your post here: https://bbpress.org/forums/topic/non-functional-index-page-when-bbpress-2-1rc4-is-used-with-woothemes-canvas-5-05/

How do I make the child theme and can you make its CSS changes just apply to one page? (in this case, just to the forum index page?)

 

THANKS!!

 

[LabSecrets]

Kslad

this will bring joy to your heart.

Add it to your css file wherever you add other customization mods:

body.bbPress #sidebar {display:none;}
body.bbPress .post {width:100%;}

It will remove the sidebar and make your forum 100% width.

 

Cheers!

spence

[royho]

Those are added by your theme…line 1760 of your theme’s style.css

[Todd – WireFlare]

I’m looking for the correct method to dequeue bbpress css from the plugin directory and also that of the css folder within the theme.

The entire site is much larger than just the forum and I really don’t want to call the css for every page as most people don’t have a need to access the forums. I’ll then enqueue the css with is_bbpress combined with is_page(array for the 2 pages that contain shortcodes.

I need to make sure that it dequeues from both locations as there is a custom css being used.

Thanks in advance for the help!

[royho]

Look for tr.odd td and tr.even td in your bbpress.css

[G Hinson White]

URL: http://www.RBCForum.com/community
I would like a completely transparent background on my forum. As you can see here the background is currently white. I much prefer the yellow background of my theme. I looked at the .css file and the background is set to transparent. What am I doing wrong?

[MatthewRuddy]

Hey. Not sure if I’m missing something, but I’ve been looking around the forums following advice on using a custom bbPress CSS file, but it isn’t working.

I’m creating a theme based on underscores.me 1000 headstart theme.

I’ve copied the CSS file from ‘plugins/bbpress/templates/default/css/bbpress.css’ to ‘themes/underscores/bbpress.css’. I’ve read previously that that bbPress will then detect the custom CSS file and use it. Doesn’t appear to be the case.

Have I missed something?

[LabSecrets]

One more thing:

User profile was causing a problem where navigation was pushing down summary of topics and replies. Add this CSS to fix:

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

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