1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Userinfo obscured when someone has a small avatar

Discussion in 'XenForo Questions and Support' started by Rukiri, Apr 17, 2011.

  1. Rukiri

    Rukiri Member

    I've set the avatars for large however not everyone is going to have the same sized avatar, some may have 80X80, 100X100, 100X150, and so forth.

    Is there anyway to automatically make it so that the user info is right under the avatar? I've tried setting the avatar.l width and height to auto but of course that didn't work.

    Here's an image, I was trying to fix it but my username moves as well so I need to know if there is an automatic solution for this?
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Try using a min-height setting on the css class for the avatar holder.
  3. Rukiri

    Rukiri Member

    Yea, I've tried min-height but it doesn't change anything though.
    .avatar .img.l
    width: 100px;
    min-height: 60px;
    height: 135px;
    If I say change it to 140px it'll change, but it will not use a lesser amount, so there has to be an automatic way. It should be dynamic not static(which I'm no fan of)
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Try removing the height after the min-height.
    It's difficult to say though without seeing the css or page.
  5. Tilkißey

    Tilkißey Well-Known Member

    go to style properties: message layout
    Avatar Holder
    enter min_height: XXpx; to Miscellaneous' css area
    i think, this will be solve ur problem
    ps: sorry for my English
  6. Rukiri

    Rukiri Member

    Since this is where you edit the avatar size I did try setting it to auto, but of course that only removes the avatar.
    I also tried setting a min-height but again that didn't work.

    This is the only section in xenforo.css that I edited.
        .avatar .img.s { width: 48px;  height: 48px;  }
        .avatar .img.m { width: 96px;  height: 96px;  }
        .avatar .img.l
              width: 100px;
              min-height: 100px;
              max-height: 150px;
    obviously that did not work<.<
  7. Tilkißey

    Tilkißey Well-Known Member

    did u try this way?
  8. Rukri89

    Rukri89 New Member

    I'm the same person, Mike just wanted a e-mail that worked and I couldn't get a hold of anyone so this second account will do for now.
    Anyway, yes I've tried that. Same result, nothing.

Share This Page