Kleo BBpress refresh and main theme changes

This topic has 13 replies, 2 voices, and was last updated 10 years by sharmstr.

Author
November 9, 2014 at 01:28 #34753

Melamory
Participant

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.

November 9, 2014 at 02:42 #34754

sharmstr
Moderator

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

November 9, 2014 at 13:16 #34782

Melamory
Participant

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.

November 9, 2014 at 13:42 #34785

sharmstr
Moderator

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

November 9, 2014 at 13:48 #34786

Melamory
Participant

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
November 9, 2014 at 13:55 #34788

sharmstr
Moderator
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
November 9, 2014 at 14:39 #34796

Melamory
Participant

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).

November 9, 2014 at 15:15 #34799

sharmstr
Moderator

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

November 9, 2014 at 15:29 #34800

Melamory
Participant

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)
November 9, 2014 at 15:35 #34802

sharmstr
Moderator
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
November 9, 2014 at 15:56 #34810

Melamory
Participant

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

November 9, 2014 at 15:57 #34812

Melamory
Participant

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

November 9, 2014 at 16:18 #34814

sharmstr
Moderator

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

November 9, 2014 at 16:40 #34818

sharmstr
Moderator

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