Kleo BBpress refresh and main theme changes

[Melamory]

Hello, dear authors.

I am currently working on forums with Kleo installed and i want to make some changes.
For now i made following:
in functions.php:
// ! // Add Recent Topics to BBPress
function recent_bbpress_topics() { { ?>
<!– html –>
<h4>Последние темы</h4>
<?php
if ( bbp_has_topics( array( ‘author’ => 0, ‘show_stickies’ => false, ‘order’ => ‘DESC’, ‘post_parent’ => ‘any’, ‘posts_per_page’ => 10 ) ) )
bbp_get_template_part( ‘bbpress/loop’, ‘topics’ );
?>
<!– end –>
<?php }}
// Hook into action
add_action(‘bbp_template_after_forums_loop’,’recent_bbpress_topics’);
to see recent topics

and in style.css:
/*
* Please add your custom styles below
*/
#bbpress-forums p.bbp-topic-meta .bbp-author-avatar
{
display: inline-block;
padding: 0 10px;
}

#bbpress-forums li.bbp-forum-freshness .bbp-topic-meta,
#bbpress-forums li.bbp-topic-freshness .bbp-topic-meta

{
display:inline-block !important;
}
to add avatars and last post author nickname

So it looks like this: http://noremorse.ru/forums-2/

I want some more changes and i cant find how to do them:
1) I would like to make avatar and last post author nickname to be shown on next line like it is here:
https://bbpress.org/forums/
2) And i would like main forum theme(ill mark it with ‘1’) to be on the left side exactly as it is here:
https://bbpress.org/forums/

So in general i want my
to turn to

What changes should i make?

Thanks a lot.

[sharmstr]

For part #2
– Theme Options -> bbPress -> Layout: Left Sidebar
– Settings -> Forums -> Enable forum root should show topics by freshness
– Use a plugin like Conditional Widgets or similar to only display forum specific widgets on forum page
– Look for widgets that show forum list with count (default forum list only shows names), forum tag cloud, etc.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Melamory]

Hello, sharmstr!
Thanks for your quick reply.

I tried what you said, so after
– Theme Options -> bbPress -> Layout: Left Sidebar
– Settings -> Forums -> Enable forum root should show topics by freshness
i see something like this

which is not actually what i try forum to look like as i need to see main forums(root) in the left side and last replies in the main.
Maybe i am just missing what i need to do with your answer, could you be so kind to explain it a bit deeper to me?

And i still looking forward to some changes with last topic poster and his avatar(#1 of my topic), – i am also wondering it there a way to show avatar rounded(in circle way)

Thanks.

[sharmstr]

Currently there is no way in kleo to have a forum specific side bar. It uses the main side bar. To work around that, you can install a plugin like the one I mentioned. With that plugin, you can set widgets to only display on certain pages. Add all the forum widgets you want to your main sidebar. Then with the help of the plugin I mentioned, set all the widget to NOT display on the forum page, and set all the forum widget to ONLY display on the forum page.

If you want the exact widgets that bbpress uses, you’ll have to find out from them which ones they are because they are not standard bbpress widgets.

You can round any image with border-radius:100%. You just need to determine the class name the avatar is using.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Melamory]

Okay, thanks for the answer for p2, i will try to “dig it out” in this direction.

Could you please be more exact in p1 – where should i put border-radius:100%? And how to make it start with the new line(i man what i activated here:
#bbpress-forums p.bbp-topic-meta .bbp-author-avatar
{
display: inline-block;
padding: 0 10px;
}

#bbpress-forums li.bbp-forum-freshness .bbp-topic-meta,
#bbpress-forums li.bbp-topic-freshness .bbp-topic-meta

{
display:inline-block !important;
}
)

Thanks

[sharmstr]

maybe

COPY CODE

.bbp-author-avatar img {
border-radius: 100%;
}

try changing inline-block to block.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Melamory]

Thanks, shar, i added this block to Kleo-child:
/* Making avatars rounded */
#bbpress-forums p.bbp-topic-meta .bbp-author-avatar img {
border-radius: 100%;
}
#bbpress-forums li.bbp-topic-freshness .bbp-author-avatar img {
border-radius: 100%;
}
Exactly what i wanted.

It would be just perfect if you could provide me with info how to make them new line(avatars, name and where info).

[sharmstr]

I already told you. try changing inline-block to block. inline-block means on the same line.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Melamory]

We almost did it!

what i am missing here:
in main theme(left side) it should be this way:
line 1: <Topic name>(now ok)
line 2: <Author:>(need to make it line 2) <Avatar>(need to make it line 2) <Nickname>(line 2) <where>(need to make it line 2)

in refresh(right side):
line 1: <date and time>(now ok)
line 2: <Avatar>(now ok) <Nickname>(now on line 3)

[sharmstr]

I need to start charging for this…

this works on my site

COPY CODE

#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {
display: block;
}

#bbpress-forums li.bbp-forum-freshness .bbp-topic-meta, #bbpress-forums li.bbp-topic-freshness .bbp-topic-meta {
display: block;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Melamory]

This now works absolutely as i wanted it.
Thank you very much, sharmstr, you are making ppl happy 🙂

[Melamory]

Also decided to share final version of it(in case someone needs it):

/* Enabling to see authors of last posts and their avatar */
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {
display: block;
}
#bbpress-forums li.bbp-forum-freshness .bbp-topic-meta, #bbpress-forums li.bbp-topic-freshness .bbp-topic-meta {
display: block;
}
#bbpress-forums p.bbp-topic-meta .bbp-author-avatar
{
display: inline-block;
padding: 0 10px;
}

/* Making avatars rounded */
#bbpress-forums p.bbp-topic-meta .bbp-author-avatar img {
border-radius: 100%;
}
#bbpress-forums li.bbp-topic-freshness .bbp-author-avatar img {
border-radius: 100%;
}

[sharmstr]

Awesome!

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

I just found this for displaying forum topic counts in the sidebar. Haven’t tried it

https://github.com/syamilmj/Supportte/blob/master/widgets/forum-categories.php

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts