If people upload an image that is not square, the resulting round avatar is squished and oblong. What is the best way to make the circle round in all cases? I see the avatar class in the CSS that came with my theme:
.avatar {
float: left;
}
I don't want to add dimensions to this class if I can help it, so it can stay generic. Thanks for your help!
Please leave some URL to an example.
I will need to give an account to you as the forum is behind authentication. What email address would you like to use?
The issue is a very common one. If an image is uploaded that is rectangular, you have to do some more manipulation to make it square first before making it a circle. Otherwise, it's oblong. I know I'm not the first one to see this, so I thought I'd reach out to your team before messing with it.
Please leave some screenshot and use avatars with minimum 150px for width and height.
Here you are, the user at the top uploaded a rectangular image. I haven't looked in the /wp-content/uploads/wpforo/avatars directory since people started uploading their own images, but here is something curious. I have these two images for many users:
username_123.JPG
username_123.jpg
The usernames and IDs are fake here, but I see .JPG images that are larger than .jpg images. I'm assuming that wpForo is using the .jpg images, and the .JPG images are the original uploads. For that test user:
testuser_1234.JPG, 956x763, 177KB
testuser_1234.jpg, 150x150, 6KB
Could this be the issue? Are you making square images but then when JPG gets changed to jpg the originals are being used instead? If so, could lowercasing the uploaded file name before processing take care of this issue?
FYI, the forum is calling the JPG images, so it's using the originals (and some of them are pretty big). I don't think this was what you intended.
