Skip to:
Content
Pages
Categories
Search
Top
Bottom

How to fix avatar and author layout


  • samjoe199
    Participant

    @samjoe199

    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

Viewing 10 replies - 1 through 10 (of 10 total)

  • Robin W
    Moderator

    @robin-w

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

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


    samjoe199
    Participant

    @samjoe199

    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

    @robin-w

    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

    @samjoe199

    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

    @robkk

    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

    @samjoe199

    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

    @robkk

    @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

    @samjoe199

    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

    @robkk

    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

    @samjoe199

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.
Skip to toolbar