How to make round avatars in VB 3.8

[Mandushi]

I need for round avatars in VB 3.8

[CAG CheechDogg]

You can add the following in your additional css file:


a.postuseravatar img, .primary img {
border-radius: 50%;
}



then just adjust the size as you wish ...

[Mandushi]

it does not work :(

[In Omnibus]

it does not work :(

Can you be more specific?

Try changing the border-radius attribute to 100%.

Add the following to your additional css:

border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-o-border-radius: 100%;

[Lynne]

Do you have a custom style? If so, we may need a link to view your site and suggest the needed CSS for you.

[Mandushi]

Do you have a custom style? If so, we may need a link to view your site and suggest the needed CSS for you.

Yes i have style bingo, this is my forum http://www.forum-al.com

--------------- Added 1498510449 at 1498510449 ---------------

Can you be more specific?

Try changing the border-radius attribute to 100%.

Add the following to your additional css:

border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-o-border-radius: 100%;


it does not work

[Lynne]

Are you adverse to editing your templates? The reason I ask is that your avatar image tag has no class associated with it (nor do any elements immediately above it) and so that makes it more difficult to write some CSS for it.

You can try this though and see if it effects anything else it isn't supposed to:

.alt2 a:link img {border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%};

[CAG CheechDogg]

Oh bummer man .... works on my style so it must be your custom style like Lynn says ...sorry my Man

[Mandushi]

Are you adverse to editing your templates? The reason I ask is that your avatar image tag has no class associated with it (nor do any elements immediately above it) and so that makes it more difficult to write some CSS for it.

You can try this though and see if it effects anything else it isn't supposed to:

.alt2 a:link img {border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%};

It works

Thank you very much :)

[Max Taxable]

Oh bummer man .... works on my style so it must be your custom style like Lynn says ...sorry my ManI think the reason yours didn't seem to work for the guy, but Lynne's did has to do with the browser the guy was using - Lynne gave browser-specific CSS, covering all the bases. This stuff isn't browser-agnostic anymore like it used to be.

[CAG CheechDogg]

Right ... the moz and webkit ... but it actually works for me on all browsers ... weird ..

[In Omnibus]

Right ... the moz and webkit ... but it actually works for me on all browsers ... weird ..

It's the .alt2 class we missed because it's a custom style. :)