XF 2.1 170x250 avatar sizes

[kray]

So how can i enlarge my avatar size to 170x250 without the picture covering stuff it shouldn't.

An example:

 

[Brandon K]

How did you make your avatar 250 in height at all? I’ve been looking all day.

 

[kray]

How did you make your avatar 250 in height at all? I’ve been looking all day.

Not mine. That's the example I'm trying to configure for my own site lel

 

[Brandon K]

Not mine. That's the example I'm trying to configure for my own site lel

Oh dang. Is that site at least running XF 2?

 

[AbuGhaith]

take a look here

XF 2.0 - Enlarge Postbit Avatar Size with horizontal Postbit

I've used the mod to make it so the postbit is horizontal, across the top of the message. Rather than vertical on the left side of the message. Our forum users are used it it this way and prefer it. The problem is, there is enough space to make the user Avatar larger. But none of the mods...

xenforo.com

 

[Brandon K]

take a look here

XF 2.0 - Enlarge Postbit Avatar Size with horizontal Postbit

I've used the mod to make it so the postbit is horizontal, across the top of the message. Rather than vertical on the left side of the message. Our forum users are used it it this way and prefer it. The problem is, there is enough space to make the user Avatar larger. But none of the mods...

xenforo.com

When you got it to work the avatar didn’t look stretched or compressed when you made it taller vertically?

 

[kray]

I mean, now it's just overlapping, and it's forcing every single member to use the same resolution. I just would like it to be 170x350 at max and if you have a picture that's lower than that then it should stay that way and not force it up to the maximum resolution.

Mine:

His:

 

[Brandon K]

That’s the problem I’m coming to. In XF 1 I had a code that set a width for everyone and let the height be whatever as long as it was under the max height. No stretching of the avatar and not everyone had to have the same height.

 

[AbuGhaith]

don't forget to change the size from "m" to "l"

 

[Brandon K]

don't forget to change the size from "m" to "l"

This fixes the max height issue?

 

[AbuGhaith]

you can also try to change size to "o" in the message_macros and quick_reply_macros template
it working for me

 

[Brandon K]

you can also try to change size to "o" in the message_macros and quick_reply_macros template
it working for me

I’ll have to give it a try.

@kray let us know if it works for you.

 

[kray]

Still the same

 

[Brandon K]

you can also try to change size to "o" in the message_macros and quick_reply_macros template
it working for me

Yours doesn’t look like his from the screen shot right?

 

[AbuGhaith]

also don't forget to change "l" to "o" in extra.less code

.avatar.avatar--o {
    max-width: 150px;
    width: 150px;
    height: 200px;
    max-height: 200px; 
}

 

[Brandon K]

also don't forget to change "l" to "o" in extra.less code

.avatar.avatar--o {
    max-width: 150px;
    width: 150px;
    height: 200px;
    max-height: 200px;
}

How do you change the l to o in extra.less?

 

[kray]

also don't forget to change "l" to "o" in extra.less code

.avatar.avatar--o {
    max-width: 150px;
    width: 150px;
    height: 200px;
    max-height: 200px;
}

size doesnt change

<xf:avatar user="$user" size="o" defaultname="{$fallbackName}" itemprop="image" />

.avatar.avatar--o {
    max-width: 180px;
    width: 180px;
    height: 300px;
    max-height: 300px; 
}

 

[Brandon K]

size doesnt change

<xf:avatar user="$user" size="o" defaultname="{$fallbackName}" itemprop="image" />

.avatar.avatar--o {
    max-width: 180px;
    width: 180px;
    height: 300px;
    max-height: 300px;
}

You used this code and it still stretches?

 

[AbuGhaith]

I use it in this forum and work fine

سلسلة تجديد رهيف الاحساس 2019 : 1 ترقية رهيف الاحساس إلى إصدار جديد | رهيف الاحساس

السلام عليكم ورحمة الله وبركاته كيف حال الجميع أعضاءا و عضوات زائرين و زائرات رهيف الاحساس ، إن شاء الله بخير و سلامة طبعا مع سلسلة التطويرات التي تخص رهيف لعلم 2019 تم الترقية إلى أخر اصدار من السكربت المستخدم في رهيف الاحساس وقد جاء هذا الاصدار بالعديد من المميزات و التطويرات الجديدة وسيتم...

raheef.net

 

[Brandon K]

also don't forget to change "l" to "o" in extra.less code

.avatar.avatar--o {
    max-width: 150px;
    width: 150px;
    height: 200px;
    max-height: 200px;
}

I just used this code and replaced the dimensions with the ones I wanted to use and replaced height with auto and it works like gangbusters!

Thank you so much @XenArabia! I really appreciate your help!

.avatar.avatar--o {
    max-width: 150px;
    width: 150px;
    height: auto;
    max-height: 200px;
}

@kray if you use auto on the height and fill in the max-height to whatever you want there's no stretching.

It works!