Hello,

I need your help. I have done research before posting, however, seems nobody had that issue before.

Could you please advise why my avatar picture and author name in complete mess. They are not staying at the same line. Example can be seen at http://www.mynettips.com/blog2/forums/forum/новый-форум/

I use wordpress version 4.5.2 and free theme JustWrite.

Your help would be highly appreciated.

Regards,
Sam

[@robin-w Moderator 8 years, 8 months ago]

No, I can’t see what is causing this !

It’s in your css somewhere, but I can’t find it !

[@samjoe199 Participant 8 years, 8 months ago]

Dear Robin,

Thank you for reply. Does it mean that bbPress is not compatible with the current theme and I have to go and manually adjust my CSS?

Thank you!
Regards,
Sam

[@robin-w Moderator 8 years, 8 months ago]

yes you css will need manually adjusting, but I had a look and couldn’t quickly see what in your css was setting that box width so small, but didn’t plough through all the css !

[@samjoe199 Participant 8 years, 8 months ago]

Hi Robin,

Yes, I tried to find out what exactly forces author name to drop below avatar. I wanted to find one element to adjust. Unfortunately, I could not identify. Maybe it is something inherited from theme itself? Now I have to go to each one by one like:

bbp-topic-meta .bbp-topic-started-by
bbp-topic-meta .bbp-topic-freshness-author

I think it is easier to switch the theme.

Thank you!

[@robkk Moderator 8 years, 8 months ago]

This is a common theme related issue, where avatars are displayed in block instead of inline or inline-block. Add this CSS anywhere you can add your custom CSS like a child themes style.css file or a seperate custom css plugin.

#bbpress-forums p.bbp-topic-meta img.avatar, 
#bbpress-forums ul.bbp-reply-revision-log img.avatar, 
#bbpress-forums ul.bbp-topic-revision-log img.avatar, 
#bbpress-forums div.bbp-template-notice img.avatar, 
#bbpress-forums .widget_display_topics img.avatar, 
#bbpress-forums .widget_display_replies img.avatar {
  float: none;
  margin-bottom: 0;
  vertical-align: middle;
  border: 1px solid #ddd;
  display: inline-block;
}

[@samjoe199 Participant 8 years, 8 months ago]

Dear Robkk,

Thanks a million to you, it worked well! I already lost hopes to use the bbPress. Appreciate your help!

Do you know, by any chance, how to add margin between forum topics and Subscribe, and also align it properly, on the top of forum topic panel? (http://www.mynettips.com/blog2/forums/forum/новый-форум/)

Thank you again!

[@robkk Moderator 8 years, 8 months ago]

@samjoe199 I don’t know what you mean by forum topic panel, if you could use an image to better explain what you are talking about since I also cannot see the subscribe link issue since I am not logged into your site.

[@samjoe199 Participant 8 years, 8 months ago]

Hello Robkk,

I posted picture to the following link http://www.mynettips.com/blog2/2016/06/01/forum-layout/
I would be grateful if you could look into it!

Thank you in advance

[@robkk Moderator 8 years, 8 months ago]

Here is some CSS to float the forum subscribe link to the right. You can also just display in block to make the link just have its own row.

https://codex.bbpress.org/layout-and-functionality-examples-you-can-use/#17-move-subscribe-to-right-hand-side

This css will fix some padding issues for lists in your bbPress forum.

#bbpress-forums li {
  padding-bottom: 0;
}

Since I couldn’t really read what was in the red oval I hope this helps.

[@samjoe199 Participant 8 years, 8 months ago]

thank you so much, everything worked fine!!! I appreciate your help!