Any clear instruction on making the postbit avatar bigger like you have on this site?
I thought I had it from the vB site, but founds various css code, config.php changes, but really just a debacle of ideas.
Announcement
Collapse
No announcement yet.
How to make round avatars in vB5
Collapse
This is a sticky topic.
X
X
-
That's what I was trying to avoid to disproportionate the avatar size. But if that's fine with anyone, then forcing a fixed square size like Mark.B did should resolve the oval avatar issue.
- Top
- Translate
- Bottom
- Likes 1
Leave a comment:
-
I'm pretty sure I got round the oval avatar thing by changing the max-width and max-height values in css to just width and height.
Obviously you then stretching and skewing going on but I think it looks good with a uniform size despite that.
- Top
- Translate
- Bottom
- Likes 1
Leave a comment:
-
Oval avatars will occur if the avatars are not square. Rectangular avatars will never be perfectly round unless you dynamically clip it but you don't want to do that and lose parts of the avatar just to make it square.
- Top
- Translate
- Bottom
Leave a comment:
-
Would someone be so kind to help me with this round avatar trick? I'd like to keep the default avatar size, so I added Glenn's css from his first post and it worked great but the avatars are not all the same circumference on desktop (see screenshots #1 - #3). The postbit avatars are different sizes along with Who's Online and Last Post. Any ideas how this can be fixed? Css is below as well.
#1 (NoPantsChico has round avatar in Postbit)
#2 (multiple images different sizes)
#3 (Last Post avatar on Channel page)
.avatar img,
.avatar:not(.medium) > img,
.b-avatar:not(.b-avatar--m) > img,
.b-avatar--thread > img,
.b-avatar--s > img,
.b-comment .b-avatar img,
.b-comp-menu-dropdown__trigger-avatar,
.profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo,
.b-avatar--pmchat,
.b-pmchat__participants-avatar,
img.avatar,
img.b-avatar {
border-radius: 100%;
}
.avatar,
.b-avatar,
.b-userinfo .b-avatar--thread {
border: 0;
}
Thanks so much for your assistance.
- Top
- Translate
- Bottom
Leave a comment:
-
I've added the code provided, and now I've got rounded Avatars! Looks really great. Once again: TY very much!
Cheers!!
- Top
- Translate
- Bottom
- Likes 1
Leave a comment:
-
Yes, I do!
And FINALLY I saw how to upload my avatar: Suddenly an "Edit avatar" emerged in that same (empty) position.
Rounded avatars, here I come !!
Thanks (again!)
Cheers!
- Top
- Translate
- Bottom
- Likes 1
Leave a comment:
-
Don't you see Edit Avatar button when you hover on your avatar in the Profile page?
- Top
- Translate
- Bottom
Leave a comment:
-
YES on all acounts.
Can't even find the place where you're allowed to upload an avatar when joining the forum
Cheers!
- Top
- Translate
- Bottom
Leave a comment:
-
In the Usergroup Manager in AdminCP, enable "Can Upload Custom Avatars" permission.
- Top
- Translate
- Bottom
Leave a comment:
-
I'd love to have the rounded avatars for my members-to-be ... but I just can't find any option to allow upload avatars in the first place!
I know vb5 (I've got 5.3.2.) has a ton of settings, and I've searched in vain both high and low to find a setting that denies/allows to upload avatars.
Any last-resource help?
Cheers!
- Top
- Translate
- Bottom
Leave a comment:
-
Originally posted by Mark.B View PostLooks like this fixes it:
Code:.avatar.xx-small { border-radius: 100%; }
- Top
- Translate
- Bottom
- Likes 1
Leave a comment:
-
Looks like this fixes it:
Code:.avatar.xx-small { border-radius: 100%; }
- Top
- Translate
- Bottom
- Likes 1
Leave a comment:
-
I found another area where they remain square...oddly....guest avatars in Who's Online (the page).
i will have a look later on and see if I can find some CSS to sort this.
- Top
- Translate
- Bottom
Leave a comment:
Users Viewing This Page
Collapse
There is 1 user viewing this forum topic.
- Guest
Latest Posts
Collapse
-
by MahmoudE9Hello
How are you
After promotion version 6.0.4
I updated the counters and during the update the search index was rebuilt...Today, 06:50 AM -
Get Affordable and Fast VPS for vBulletin -
by matoseHi guys,
Just migrated to vB Cloud and found your forum searching for some customizations.
Nice to meet you!
m...05-03-2024, 01:25 AM
Leave a comment: