XF 2.0 Postbit Avatar size

Hello I wanted to know how to change the avatar size in XF 2.0 I just want 180x180 Avatar site. I'm using UI.x Dark for 2.0

This changes both image and dynamic avatars.

In template "message_macros" look for:
Code:
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
Change with-in the code, the size to large adding the l example: size="l" then save.
You will need to then go to Style properties>>Messages>>Message user info block width and change to about 200px.

Now this above seems to be ok just the way it is. I personally would leave it this way due to the fact, adding the avatar size in extra.less effects @ avatar tags and may effect a few other things around your borads. But if you really want 180x180, then after doing the above, add this to your extra.less
Code:
.message--post .message-inner .avatar {
height: 180px;
width: 180px;
}

@media (max-width: 480px) {
.message--post .message-inner .avatar {
height: 48px;
width: 48px;
}
}

The media (max-width: 480px) has to be added due to the fact, in mobile view, the avatar is massive lol.
Hope this helps.
 

Attachments

  • av1.webp
    av1.webp
    6.8 KB · Views: 73
  • av2.webp
    av2.webp
    27.5 KB · Views: 78
Last edited:
Top Bottom