XF 2.0 Enlarge Postbit Avatar Size with horizontal Postbit

CZ Eddie

Active member
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 I've tried have any affect on the Avatar size.
They all work great to resize it with a vertical postbit.
But don't change anything at all with horizontal postbit.

Can anyone offer suggestions?

Here is what it looks like right now.
No matter what I do, the avatar size doesn't change at all.
I'd like it to fit the postbit from top to bottom if possible.
192015
 
get rid of or change the 48px width and height

CSS:
@media (max-width: 10000px)
.message:not(.message--forceColumns) .message-avatar .avatar {
    width: 48px;
    height: 48px;
    font-size: 28.8px;
}

192049
 
get rid of or change the 48px width and height

CSS:
@media (max-width: 10000px)
.message:not(.message--forceColumns) .message-avatar .avatar {
    width: 48px;
    height: 48px;
    font-size: 28.8px;
}

Thanks, tried that but didn't work.
Edited it from size=s to the following in message.less:

Code:
    .message-avatar .avatar
{
    width: 68px;
    height: 68px;
    font-size: 48.8px;
}

No change in size. :(
 
Thanks, tried that but didn't work.
Edited it from size=s to the following in message.less:

Code:
    .message-avatar .avatar
{
    width: 68px;
    height: 68px;
    font-size: 48.8px;
}

No change in size. :(

:unsure:

what happens when you put this in extra.css

CSS:
@media (max-width: 10000px)

.message:not(.message--forceColumns) .message-avatar .avatar {
    width: 96px;
    height: 96px;

}
 
:unsure:

what happens when you put this in extra.css

CSS:
@media (max-width: 10000px)

.message:not(.message--forceColumns) .message-avatar .avatar {
    width: 96px;
    height: 96px;

}

XF2 has extra.less, so I put it in there but there was no change in avatar size.
Also tried 196px and no change.

Thanks though :)
 
Nothing work with all codes , my be the good solution is an add-on

If you play around with it, you might get it looking good?
I was able to do it, but it looks poor quality.

I added this to extra.less.

Code:
/* Increase Avatar size */

.message:not(.message--forceColumns) .message-avatar .avatar {
    width: 112px !important;
    height: 231px !important;
    font-size: 68.8px;
}

Then I opened your avatar in paint and squeezed the height to match the width (224 x 224).
And it shows up long as you requested. But very compressed.
Maybe if you keep playing with it, it will work better?

192118
 
Back
Top Bottom