How to make round avatars in vB5

[oldfan]

I don't have a vB4 site but try this:

.postbit .postuseravatarlink img,
.avatar img {
border-radius: 100%;
}​

sorry where do i put this ?

[oldfan]

Thanks I'll try it in the morning ☺️

[glennrocksvb]

I don't have a vB4 site but try this:

.postbit .postuseravatarlink img,
.avatar img {
    border-radius: 100%;
}​

[oldfan]

Anyone have the vb4 code 😁

[oldfan]

ahhh thats cool, be interesting to see metallica avatars round lol

[glennrocksvb]

This is for vB5 only but it can also be done to vB4 but with different CSS code.

[oldfan]

4 vb or 5vb?

[mohammed]

Thank you so much! It is working now with the new code.

[glennrocksvb]

There is a CSS code in css_additional of the custom theme that tells ALL elements (not just images) should have border-radius of zero which means not rounded.

* {
    border-radius: 0 !important;
}

The !important in the code overrides other CSS code. To override this for avatars, then also add !important in the rounded avatar's code by changing this part:

border-radius: 100%;

to:

border-radius: 100% !important;

[mohammed]

This is a great mod. It is working on default templates/styles but not on the customized style. What could be the problem with the customized style?

https://www.interpretersweb.com/forums

[glennrocksvb]

I noticed on comments where a user is tagged the avatar is square, as seen here.

Right. Unfortunately, the way the avatar is implemented in tags as a background image, it's impossible in CSS to make it rounded without also making the @ username text rounded.

[NumNum]

I noticed on comments where a user is tagged the avatar is square, as seen here.

[glennrocksvb]

Could you please adjust this edit for vbulletin 3.8.x

Thank You Bro

Try adding this custom CSS. But avatars in vB3 may not be square so making them round may turn into oval (oblong).

a[href^="member.php?u="] img {
    border-radius: 100%;
}

[aSpeNDos]

Could you please adjust this edit for vbulletin 3.8.x

Thank You Bro

[Derwin]

When I add the code to the additional.css file, and does not change the avatar. Is this mod still working?