[Stephen Edgar]

More info and a link to your site is needed to see whats causing this though it appears to be a CSS issue with your theme.

[DramaticBaby]

Hi, I’m trying to create a custom theme for the bbPress forum. I already got a child theme based on Twenty Eleven, and I’m trying to style bbPress with my style.css in the child theme folder.

The problem is that bbpress.css is imported in the html code after my style.css, overwriting the latter’s styling. How do I force bbPress to use style.css instead, even though bbpress.css is imported after?

I have been struggling with this for hours and hours.

• This topic was modified 12 years, 11 months ago by DramaticBaby.

[Janus12]

problem 2 was solved by adding

#bbpress-forums div.reply {
height: auto;}

however the other problem is still not solved and I believe the style.css is missing files.

This is litteraly my whole css file

---

/*

Theme Name: Custom Community
Theme URI: http://themekraft.com/custom-community/
Description: Create your individual website within minutes. Custom Community is a WordPress and BuddyPress theme framework that enables you to build your site with all the features you love. Easy to use jQuery slideshow. List posts under your pages in magazine layouts. Use powerful theme settings to customize every part of the theme. 20 widget areas, 5 special widgets and 2 custom WP 3.0 header menus. 3 predefined colour schemes (white, grey, black) with clean and simple browsersafe css design to start from. Support forum at http://themekraft.com/forums.
Version: 1.8.9.1
Author: Themekraft
Author URI: http://themekraft.com/
Tags: buddypress, translation-ready, dark, light, white, left-sidebar, right-sidebar, two-columns, three-columns, fixed-width, flexible-width, custom-header, custom-menu, custom-colors, custom-background, theme-options
License: GNU General Public License v2.0 / License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Reset browser defaults */

@import url( _inc/css/reset.css );

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
margin-right: 15px;
}

.alignright {
float: right;
margin-left: 15px;
}

div.post .wp-caption {
text-align: center;
background-color: ##f3f3f3
padding-top: 4px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom:12px;
}

div.post dd.wp-caption p.wp-caption-text, div.post .wp-caption p.wp-caption-text {
font-size: 0.9em;
line-height: 17px;
padding: 0 4px 5px 0;
margin: 0;
}

div.credits{display:none;}

bbpress-forums div.reply {

height: auto;

}

---

I am fairly new to web design but I have a feeling there must be more somewhere.

Does anyone know what code I could input to this file in order to fix problem one?

Also as a bonus could anyone give me a code that could work for changing the background of the forum colour?

I apologize for my “rookieness”

Thanks in advance!

[aaclayton]

Ok….so clearly I can’t effectively display what is actually getting put in my header section without the forum thinking I’m embedding live html or something. Just to clarify, bbpress is enqueing a stylesheet, bbp-child-bbpress-css from my theme’s /css directory regardless of the site page in question. Furthermore, it’s adding a script to the header defining a js variable:

var ajaxurl = 'http://localhost/tamrielfoundry/wp-admin/admin-ajax.php';

which I’m not sure is necessary?

[John James Jacoby]

Here on bbPress.org, I used the forums shortcode, and used CSS to hide a few columns. I did not use bbp_list_forums(), which has a specific purpose outside of what you’re trying to do.

[Lynq]

I have been looking into redirecting people from their current location back to that same location after login, I haven’t got very far yet though, sorry.

If it is a css thing then it is very difficult to try and suggest anything without seeing the site.

[matthewglover]

Currently when signing in with the bbPress widget it redirects you to the home page. Is there a way to keep it on the page that your logging in on?

Also when upgrading to the current bbPress my Forum List now is off (seems to be a CSS thing with the colors of the theme not translating to the the forum list). Any ideas how to fix that?

Thank you for any suggestions.

[Sama Web]

https://bbpress.trac.wordpress.org/ticket/1819 gave a solution to the problem that I am pretty sure worked. However, I just want to note that the issue still exists and help anyone that might be having this problem.

If your replies are being covered up like the picture above, you can fix it by adding the following comment into your bbpress.css file (wp-content/plugins/bbpress/bbp-theme-compat/css/bbpress.css):

#bbpress-forums div.reply {
height: auto;
}

As with the author of this bug request, I am also using custom-community.

[kdude63]

Thanks!

#bbpress-forums ul li { background: none; padding-left: 0px; margin-bottom: 0px; }

I put that below the other line, and it works like a charm.

[John James Jacoby]

By default, you can target bbPress specific styling using the #bbpress-forums ID.

[kdude63]

.post-entry ul li{ background:url(images/ul-dot.png) no-repeat; padding-left:28px; margin-bottom:10px; }

This one little line of code is making my bbPress forums look like crap.

It’s difficult to explain, but you can look at my forums here and see how bullets are messing everything up. :/

The Theme I’m using is leetpress.

The Entire style.css is here.

• This topic was modified 13 years ago by kdude63.
• This topic was modified 13 years ago by kdude63.

[jeffvand]

I am trying to get set up with some theming and bbpress 2.1. I have added a bbpress folder to my theme and copied over the loop-forums.php file, but as soon as I do that I loose all the CSS. Is there some trick that I need to copy of css? I tried to move the bbpress.css file to the bbpress folder in my theme directory but that didn’t seem to help.

Thanks for any help you can provide. I’m just getting started with bbPress so this may be simple. Sorry if it is… The forums are pointing to old URL’s when I search…

[villagora]

Hi John,

I work on deep customisation of bbpress (http://demo.villagora.fr/forums/forum/forum-thematique/) and I’m trying to update bbpress 2.0.3 to 2.1 !
So I’ve copied the contents of the “bbpress-theme-compat” in my bbp-theme (it’s a child of my current theme) for to modify bbpress templates / css / images…
But after the update, my child theme does not overwrite the default bbp-theme-compat files, and I don’t understand why ?
Can you explain me how use “add theme support” for overwrite properly bbpress template file in my child them, with bbpress 2.1?

Thanks in advanced.

[crazy-nomce]

Bump, anyone?

Btw, I fixed half of the hooks (I added the corresponding hooks into the bbpress theme on my own, and it works), but I have problem with the remaining three hooks which I didn’t fixed, and they are:

add_filter( 'bp_get_the_topic_post_content', 'rfp_filter_rating_link', 3 ); 

add_filter( 'bp_get_the_topic_post_css_class', 'rfp_alter_post_based_on_rating', 1, 1 );

add_filter( 'bp_get_the_topic_post_poster_name', 'rfp_filter_poster_karma', 3 );

Also, I cannot find anything for the variable $bbp,and the corresponding variables in bbpress which exist in buddypress: $topic_template and $forum_template.

Thanks in advance!

Edit: I forgot to mention that bbpress is updated to version 2.1. 🙂

• This reply was modified 13 years ago by crazy-nomce.

[Lynq]

Oh nice thanks for the tip netweb! That is pretty awesome, I have always wanted to “Get on the bleeding edge of the web” lol, great tagline.

Hopefully there isn’t too many issues with the CSS but I find it does get quite complicated between the main forum pages and then the subforum pages aswell.

[Lynq]

Thanks I am glad it will be useful.

One thing to note is that some of the functions have had the greater than sign escaped, so you can not directly copy it unfortunately.

Once you have got these functions working then it is just a case of some CSS.

If you use this then I would be very interested in seeing where and how you styled the pages.

Good luck all!

[Stephen Edgar]

You should be good to go by removing ‘clear: both;’ on line 15 of the bbPress CSS file

http://www.wvko1580.com/wp-content/plugins/bbpress/bbp-theme-compat/css/bbpress.css

[pimarts]

Ok, a litle more info:

I run a bbPress + BuddyPress installation. And I put that function in the functions.php file of my WordPress theme.

It would remove the widgets inside. If needed you could remove the rest of the / entire sidebar with CSS. The advantage over a simple CSS hide is the fact that less code gets written to the browser / less code to download for the user.

Aside from that I use it to put the login widget at the top of the forums (with CSS) and remove all the other widgets.

[Lynq]

Yes that is correct, that is why I am struggling with the CSS.

How I would nearly do a layout is just float:left all the columns then clear below them.
I have seen layouts like this, but they usually have some kind of absolute position or float, maybe because I rarely do layouts like this it is something simple I am over looking.

Sorry I couldn’t be more help!

[citizenkeith]

Thanks for taking a look, Lynq. I’m no HTML/CSS expert… but this layout follows a lot of three column tutorials that you’ll see online.

http://www.techrepublic.com/article/use-css-floats-to-create-a-three-column-page-layout/5160911
http://css.maxdesign.com.au/floatutorial/tutorial0901.htm

Unless I’m missing something, neither of these float the conent section. Floats are only left and right, correct?

[citizenkeith]

Hello all,

It’s been a while since I’ve used bbPress. I’m attempting to use v2.1 on a WordPress site with a custom template. However, when using bbp-theme-compat, the forum appears BELOW the sidebars. If I switch to twentyten, it appears ABOVE the sidebars.

http://www.wvko1580.com/forums/

Is this just a simple CSS tweak or do I need to try something else? Thanks!

Keith

• This topic was modified 13 years ago by citizenkeith.

[Lynq]

Oh wow umm,

It looks as though there isn’t a lot of styling going on for your forum.

Where did you get your bbpress.css file from? It looks really short compared the one I got originally.

[EJMorges]

HI,

My my name is E.J. and I’m enjoying your product!

After updating to that latest version of WordPress and bbPress, I began to experience truncations in of replies to the topic threads in my forums. Everything was working well before the upgrades but now it appears that it’s not calling the proper CSS styles to the reply areas after the initial post, perhaps there’s a conflict with the theme styles. . . I’m not sure.

If there’s any advice you can offer I would greatly appreciate it.

…………………………….

Here are the stats to my site::

WordPress: 3.4.1

bbPress: 2.1 – bbPres Default -/plugins/bbpress/bbp-theme-compat

(Theme) Custom Community: 1.819.1 by Themekraft

…………………………….

You can see an example here:

http://www.pressoblivion.com/Boards/thread/testing/#post-1155

http://www.pressoblivion.com/wp-content/uploads/2012/07/Reply_Truncation.jpg

Thank you for your time!

[Clay]

I added a simple css line in my style.css file for my child theme to try to replace the background color of the rows on the forum index:

#content table tbody tr.odd td {background-color:#efefef;}

The web inspector in Firefox shows that it is recognized but precedence is taken by the aforementioned css file in the plugins folder.

• This reply was modified 13 years ago by Clay.

[Lynq]

Awesome, good job!

You can make your favourite look vastly different just by using CSS now.

Good luck!