XF 1.1 Gray Small Avatar Boxes

[denisx04]

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]

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

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

 

[denisx04]

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

.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]

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

Might need to use !important.

 

[denisx04]

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

Might need to use !important.

Thank you for your reply, tried that as well and no luck.

 

[Paul B]

Can you post a link to that thread so I can inspect the code?

 

[Shelley]

Thank you for your reply, tried that as well and no luck.

It re-sized the avatars for me on my installation on a custom style so you could have some conflicting css in EXTRA.CSS already. You might want to double check since it worked fine for me.

 

[Steve F]

Thank you for your reply, tried that as well and no luck.

If you changed the size of avatars after users already uploaded a avatar you may have to have them re-upload them. I know we had to on our site.

 

[denisx04]

Can you post a link to that thread so I can inspect the code?

http://www.enixorigin.com/forum/threads/making-eo-truly-one-of-a-kind.756/page-5#post-17184

 

[Steve F]

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]

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]

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:

.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.