Bigger Avatar on Postbit

[yavuz]

Lately I was asked if it were possible to make the postbit size larger. I don't remember the Xen name for postbit. The demo adress is here: here

I searched for it here on xenforo but couldn't find a way to do that and unfortunately my css knowledge isn't very good


Thank you.

 

[Paul B]

This post explains how to do that: http://xenforo.com/community/threads/how-do-i-change-avatar-size.6817/#post-109103

 

[Andy.N]

Wow, that sample postbit of huge avatar gave me pause. It probably works on gaming sites but there is way to much empty space between posts due to the avatar's size.

 

[anotheralias]

Wow, that sample postbit of huge avatar gave me pause. It probably works on gaming sites but there is way to much empty space between posts due to the avatar's size.

If you remove the padding and make the avatar size 124x124, you get a larger avatar that doesn't take up any more space.

 

[Stacy Enco]

This post explains how to do that: http://xenforo.com/community/threads/how-do-i-change-avatar-size.6817/#post-109103

i been trying to view this and i get error do not have permision to view........ i am a liscensed member what gives.........

 

[SchmitzIT]

i been trying to view this and i get error do not have permision to view........ i am a liscensed member what gives.........

Looks like the post/thread might have been deleted.

 

[Paul B]

That thread has indeed been deleted, at the request of the author.

 

[Floris]

Feel free to rewrite it and publish the instructions.

 

[xfrocks]

Pretty simple: 1 template edit, 2 style property edits

Template: message_user_info, look for:

<div class="avatarHolder">
<span class="helper"></span>
<xen:avatar user="$user" size="m" />
<!-- slot: message_user_info_avatar -->
</div>

You can get "L" avatar with 192px width ("m" is 96px width). If you want a smaller avatar, you can use css to resize the image later. Change the size of <xen:avatar /> to "L", so it looks like below:

<div class="avatarHolder">
<span class="helper"></span>
<xen:avatar user="$user" size="L" />
<!-- slot: message_user_info_avatar -->
</div>

Go to Style Properties > Message Layout > User Info Container put 220px into Width.

Go to Style Properties > Message Layout > Content Container put 236px into Left under Margin (see screenshot).

Done