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]

Originally Posted by Mandushi

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]

Originally Posted by 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.

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

--------------- Added [DATE]1498510449[/DATE] at [TIME]1498510449[/TIME] ---------------

Originally Posted by In Omnibus

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]

Originally Posted by 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%};

It works

Thank you very much

[Max Taxable]

Originally Posted by CAG CheechDogg

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

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