Skip to:
Content
Pages
Categories
Search
Top
Bottom

Avatars are misaligned in the fresh bbPress install. How to fix?


  • Valery Kondakoff
    Participant

    @valery-kondakoff

    Hello!

    Here is what I see in the fresh bbPress (2.5.8) install on WordPress (4.4.2) with Twenty Sixteen theme: http://goo.gl/XGj6zI
    All of the avatars are misaligned. Is there a way to fix this?

    Thank you!

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

  • Pascal Casier
    Moderator

    @casiepa

    What do you mean with ‘misaligned’ ? Where do you want them ?

    This will already get it away from the text:

    img.avatar.avatar-14.photo {
      margin-bottom: 0px !important;
    }

    PS. Next time please include the link to you site because for CSS we always need to see the site itself.


    Pascal Casier
    Moderator

    @casiepa

    And
    display:inline;
    will show on 1 line… all depends what you want.


    Valery Kondakoff
    Participant

    @valery-kondakoff

    Pascal, thank you for helping me!

    By misaligned I was meant that the avatars are not on the same line as the user name. Your code solves this issue:

    img.avatar.avatar-14.photo {
     margin-bottom: 0px !important;
    display:inline;
    }

    There is a side-effect though: the avatar gets underlined if you use ‘display:inline;’. If there is a way to remove the underline? ‘text-decoration: none’ does not seems to work.

    Here is a link to the test forum with your code applied: http://rugby-forum.ru/wp3/forums/forum/test-forum/

    Thank you!


    Robkk
    Moderator

    @robkk

    @valery-kondakoff

    Use this CSS to remove the box shadow for links in bbPress.

    #bbpress-forums a {
      box-shadow: none;
    }
Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Skip to toolbar