How to make round avatars in vB5

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

[rnedelkow]

Works great!

[Mark.B]

I think this might sort it:

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

[glennrocksvb]

Thanks for reporting Mark. Will also look into that when I get to my computer.

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

[glennrocksvb]

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

[glennrocksvb]

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

[rnedelkow]

Good catch. I just noticed that too.

[NumNum]

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

[glennrocksvb]

Glad you figured it out.

[NumNum]

Actually, it was the /////////////////////////////////// that i was using between each {css} script that was tripping it up. specifically the leading divider. Removed it and now is working.

[glennrocksvb]

Then there's something wrong with the css. Check for missing or stray { or }. Or you may be looking at a different style?

[NumNum]

No, I do not.

[glennrocksvb]

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

[NumNum]

Not working on my intranet site. 5.3.2.