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

XF 1.1 Gray Small Avatar Boxes

denisx04

Active member
#1
As you see we use large avatars, but there are those who upload an avatar and it shows up little and it leaves a gray box behind it. Is there way i can force the small avatars to become larger?




 

Shelley

Well-known member
#2
you could try adding the following in the extra.css template or set the size to your preference.

Code:
.messageUserBlock .avatar img {width: 192px; height:192px;}
 

denisx04

Active member
#3
you could try adding the following in the extra.css template or set the size to your preference.

Code:
.messageUserBlock .avatar img {width: 192px; height:192px;}
Thank you for your reply Shelley, I inserted the code and unfortunately it did not work :/
 

Steve F

Well-known member
#10
The avatar in that post is only 100px x 100px, you will have to get the users to upload new versions or larger version of the avatar.
 

denisx04

Active member
#11
The avatar in that post is only 100px x 100px, you will have to get the users to upload new versions or larger version of the avatar.
Yeah I tried, when they upload smaller avatars that is how it looks. I would love it if I could stretch it out to fit the whole box instead of the small avatar being in the center and a black box behind it.
 

Steve F

Well-known member
#12
There really isn't anything you can do, you already have the CSS in place. To stretch the image it would have to be with in-line styling and that isn't possible with how avatars work.

You have this:
Code:
.avatar .img.l {
width: 192px;
height: 192px;
}
Which is all that can be done as far as I know. Plus stretching a 100px x 100px image to 192px would kill its quality.