[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 14 years, 2 months ago by kdude63.
• This topic was modified 14 years, 2 months 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 14 years, 2 months 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]

Hey guys,

I am putting up a topic to show how I have created the layout on http://teamoverpowered.com/forums/

My aim when creating the theme was to try and create a last poster block that would work throughout the forums and sub forums list.

custom_bbp_list_forums – this function creates the sub forums under the main forum

public function custom_bbp_list_forums( $args = '' ) {

    // Define used variables
    $output = $sub_forums = $topic_count = $reply_count = $counts = '';
    $i = 0;
    $count = array();

    // Defaults and arguments
    $defaults = array (
        'before'            => '',
        'after'             => '',
        'link_before'       => '',
        'link_after'        => '',
        'count_before'      => ' (',
        'count_after'       => ')',
        'count_sep'         => ', ',
        'separator'         => ', ',
        'forum_id'          => '',
        'show_topic_count'  => true,
        'show_reply_count'  => true,
        'show_freshness_link'  => true,
    );
    $r = bbp_parse_args( $args, $defaults, 'list_forums' );
    extract( $r, EXTR_SKIP );

    // Bail if there are no subforums
    if ( !bbp_get_forum_subforum_count( $forum_id ) )
        return;

    // Loop through forums and create a list
    $sub_forums = bbp_forum_get_subforums( $forum_id );
    if ( !empty( $sub_forums ) ) {

        // Total count (for separator)
        $total_subs = count( $sub_forums );
        foreach ( $sub_forums as $sub_forum ) {
            $i++; // Separator count

            // Get forum details
            $count     = array();
            $show_sep  = $total_subs > $i ? $separator : '';
            $permalink = bbp_get_forum_permalink( $sub_forum->ID );
            $title     = bbp_get_forum_title( $sub_forum->ID );

            // Show topic count
            if ( !empty( $show_topic_count ) && !bbp_is_forum_category( $sub_forum->ID ) ) {
                $count['topic'] = bbp_get_forum_topic_count( $sub_forum->ID );
            }

            // Show reply count
            if ( !empty( $show_reply_count ) && !bbp_is_forum_category( $sub_forum->ID ) ) {
                $count['reply'] = bbp_get_forum_reply_count( $sub_forum->ID );
            }

            // Counts to show
            if ( !empty( $count ) ) {
                $counts = $count_before . implode( $count_sep, $count ) . $count_after;
            }

            if ( !empty( $show_freshness_link ) ) {
                $freshness_link = "" . BBP_Default::teamop_get_last_poster_block( $sub_forum->ID ) . "";
            }

            // Build this sub forums link
            if ($i % 2) { $class = "odd-forum-row"; } else { $class = "even-forum-row"; }
            $output .= "" . $link_before . '<a href="' . $permalink . '">' . $title . '</a>' . $counts . $freshness_link . $link_after . "";
        }

        // Output the list
        echo apply_filters( 'bbp_list_forums', $before . $output . $after, $args );
    }
}

I then call that function inside loop-single-forum.php like so:

BBP_Default::custom_bbp_list_forums( array (
        'before'            => '',
        'after'             => '',
        'link_before'       => '',
        'link_after'        => '',
        'count_before'      => 'Topics: ',
        'count_after'       => '',
        'count_sep'         => 'Posts: ',
        'separator'         => '',
        'forum_id'          => '',
        'show_topic_count'  => true,
        'show_reply_count'  => true,
        'show_freshness_link' => true,
        ));

Inside the first function I am also calling a second custom function called custom_get_last_poster_block

function custom_get_last_poster_block( $subforum_id = "" ) {

            if ( !empty( $subforum_id ) ) {
                $output = "";
                $output .= "<a href='". bbp_get_forum_last_topic_permalink( $subforum_id ) ."'>" . bbp_get_topic_last_reply_title( bbp_get_forum_last_active_id( $subforum_id ) ) . "</a>";
                $output .= "";
                $output .= "by ";
                $output .= bbp_get_author_link( array( "post_id" => $subforum_id, "size" => 14 ) );
                $output .= "";
                $output .= "";
                $output .= bbp_get_forum_last_active_time( $subforum_id );
                $output .= "";
            } else {
                $output = "";
                $output .= "<a href='". bbp_get_forum_last_topic_permalink() ."'>" . bbp_get_topic_last_reply_title( bbp_get_forum_last_active_id() ) . "</a>";
                $output .= "";
                $output .= "by ";
                $output .= bbp_get_author_link( array( "post_id" => bbp_get_forum_last_active_id(), "size" => 14 ) );
                $output .= "";
                $output .= "";
                $output .= bbp_get_forum_last_active_time( bbp_get_forum_last_active_id() );
                $output .= "";
            }

            return $output;

        }

This then creates my sub forum list, I added some extra classes in I can hook onto and display:none if need. I decided when creating me theme that I would get as much information showing as possible, then just use CSS to customise it.

The final functions is one I call inside loop-single-topic.php.

    public function custom_get_last_poster_block_topics() {

            $output .= "";
            $output .= bbp_get_author_link( array( "post_id" => bbp_get_forum_last_active_id(), "size" => 14 ) );
            $output .= "";
            $output .= "";
            $output .= bbp_get_topic_last_active_time( bbp_get_topic_last_active_id() );
            $output .= "";

        return $output;

    }

This is my final function and it just adds the last poster block inside the topics list.

If you need any more help then let me know.

UPDATE: Please see the following topic for updated code

I have created a bbPress starter theme with a phpBB look and feel

[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 14 years, 2 months 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 14 years, 2 months ago by Clay.

[Lynq]

Awesome, good job!

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

Good luck!

[Martin]

Oh power to you for being so incredibly helpful, Lynq.
I tested it out on my local machine and that works beautifully – THANK YOU!

Interestingly enough, all that other stuff didn’t make much difference, other than turn the brackets and commas that are the counts after the sub-forums into numbers. I reverted back to the default loop-single-forum.php to return to the correctly format.

Just waiting for the cache CSS to deploy but it is going to work now.
You’ve been extremely patient and instructive so again, heaps of praise to you, mate.

[Lynq]

Inside this file: http://www.geekandjock.com/wp-content/themes/parallelus-mingle/bbpress.css

Line 104.

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

You will need to change to:

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

This is the one thing that keeps cropping up when I am on these forums, so once you have got yourself comfortable with this then the rest of the stuff I have done with my forum has been mostly CSS. there is some PHP because I wanted to try and make it a bit unique, but none of it touches the core.

Good luck!

[Lynq]

Nothing, looks correct to me.

If you check the markup you now have markup ready for your CSS.

Now in your css you could add something along the lines of:

.bbp-forums .bbp-forum-info .bbp-forums-list .bbp-forum {
    display: block;
}

[Lynq]

Hi Martin,

You should not edit the core code.

Inside your template files is a file called loop-single-forum.php, this file calls the bbPress function bbp_list_forums();

You will notice that it is probably not specifying any arguments it just specifies bbp_list_forums();

If you specify arguments for that function like the ones listed above it will then wrap the subforums inside li tags which you can then use CSS to style.

Good luck!

P.s if you want to find out more about how that function works it is inside /bbpress/bbp-includes/bbp-forum-template.php but you do not need to edit it.

Seeing how this will format:

$args = array (
        'before'            => '',
        'after'             => '',
        'link_before'       => '',
        'link_after'        => '',
        'count_before'      => '',
        'count_after'       => '',
        'count_sep'         => '',
        'separator'         => '',
        'forum_id'          => '',
        'show_topic_count'  => true,
        'show_reply_count'  => true
);

bbp_list_forums( $args );

• This reply was modified 14 years, 2 months ago by Lynq. Reason: Reformatting the code

[Martin]

well I get a bit of an error, like so:

Parse error: syntax error, unexpected T_CLASS, expecting ')' in /Users/MartinC/Sites/gaj/wp-content/plugins/bbpress/bbp-theme-compat/bbpress/loop-single-forum.php on line 25

Warning: missing endblock() for startblock('middle') in /Users/MartinC/Sites/gaj/wp-content/themes/parallelus-mingle/framework/theme-functions/layout-and-design.php on line 137

Any ideas?
Would have preferred to do it via CSS since hacking the core code will get overwriten but if it can’t be helped then it can’t.

No idea on this error though.
Thanks for any help
Martin

[viktora]

Hi Syndicate, the troubles are not things pushed together (will be resolved later by styling). Trouble is that the root template files from /wp-content/plugins/bbpress/bbp-theme-compat/extras are ignored moved into wp-content/themes/MYTHEME/. This bahaviour was tested on page-front-forums.php file. Compared to file bbpress-functions.php which is not ignored if moved to wp-content/themes/MYTHEME/. Than, it is not clear to me what to do with directories /css and /js from bbp-theme-compat if I want to use them in my custom theme.

[Martin]

Well, I’ve upgraded and facing the issue with the formatting of sub forums.

Anyone have a clue to the CSS snippet needed to format sub forums as a bulletted list?
Any help would be great
Martin

[Lynq]

Nice, I like it! Especially the CSS buttons. Currently updating one of my forums to 2.1 – looking good.