How to make round avatars in vB5

[montana rover]

Thanks Glen!

[NumNum]

Not working on my intranet site. 5.3.2.

[glennrocksvb]

Double check your css. When you right click on an avatar and inspect it, do you see the round avatar css?

[NumNum]

What would cause the image to be round everywhere except on the membership page?

[glennrocksvb]

I fixed that recently on this site but forgot to update the CSS on this topic. Will do it shortly.

[glennrocksvb]

I have updated the CSS in the first post to fix the square avatars in Memberlist page.

[Mark.B]

Quickie on this one....it doesn't change avatar shape in vB Messenger.

Will try and work out what's needed to be added to do that.

[Mark.B]

I think this might sort it:

.b-avatar--pmchat {
    border-radius: 100%;
}
.b-pmchat__participants-avatar {
    border-radius: 100%;
}

[rnedelkow]

Works great!

[glennrocksvb]

I think this might sort it:

.b-avatar--pmchat {
border-radius: 100%;
}
.b-pmchat__participants-avatar {
border-radius: 100%;
}

Thanks Mark.B!

I've updated the first post with your code.

[Mark.B]

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.

[Mark.B]

Looks like this fixes it:

.avatar.xx-small {
  border-radius: 100%;
}

[glennrocksvb]

Looks like this fixes it:

.avatar.xx-small {
border-radius: 100%;
}

Thanks, Mark.B! I've updated the first post with your fix. I made it more generic by using img.avatar and img.b-avatar selectors to cover all <img> tags (now and in the future) with avatar classes regardless of the avatar size (x-small, xx-small, etc.)

[GeirS]

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!

[glennrocksvb]

In the Usergroup Manager in AdminCP, enable "Can Upload Custom Avatars" permission.