How to make round avatars in vB5

[glennrocksvb]

No. This forum channel is for vB5 only. HTML and CSS for vB5 are totally different than vB3 and 4.

[glennrocksvb]

I do mostly mods for vB5. Few for vB4 and none so far for vB3. But some BB Codes in the Custom BB Code forum might work in vB3 and 4.

[t0fx]

ok man thnx

[Fleet]

How do you make the avatars pop out like they do when you mouse over them? They do it in the "recent visitors" section as well.

[rnedelkow]

The round avatars look great when creating and replying to topics. One problem I have is when members post a comment, the round avatars become distorted with a border. The problem resolves itself after refreshing the page however. What could possibly cause this?

[rnedelkow]

PM sent and I'm on 5.2.5. Thanks Glenn.

[glennrocksvb]

Ok rnedelkow

Replace this CSS code in css_additional template in AdminCP or Style > CSS Editor in Sitebuilder:

.avatar,
.b-avatar,
.b-avatar--thread {
    border: 0;
}

with:

.avatar,
.b-avatar,
.b-userinfo .b-avatar--thread {
    border: 0;
}

And this:

.b-avatar--m > img {
    max-height: 115px !important;
    max-width: 115px !important;
    height: 115px !important;
    width: 115px !important;
}

with:

.b-avatar--m > img,
.b-userinfo .b-avatar--m > img {
    max-height: 115px !important;
    max-width: 115px !important;
    height: 115px !important;
    width: 115px !important;
}

[rnedelkow]

Like a charm, Glenn. Thank you for looking into this for me.

[Dotti]

Glenn, I just wanted to say how much I appreciate YOU. You are always there to help when you can. Thank you.

[rnedelkow]

The changes worked on desktop but it also moved the profile fields in the postbit when viewed on mobile. Profile fields shifted onto the avatar like this:

[Menderley]

Thank you. Looks so nice

[montana rover]

Did not work for me. I even tried a different theme.

[glennrocksvb]

Did you try in the default style? I can't check your site right now as I'm not on a desktop and guest access is restricted on your site.

[montana rover]

Did you try in the default style? I can't check your site right now as I'm not on a desktop and guest access is restricted on your site.

Just tried it in default. No good. Site is open now. Thanks.

[glennrocksvb]

Just tried it in default. No good. Site is open now. Thanks.

I checked your site and I noticed that your custom css has this text "Note:This code is based off the vB5 Default Style. If you have a highly customized" which breaks the round avatar CSS. I think you got it from another mod which is the Horizontal Postbit Layout. That text is not part of the CSS and should not be included in the CSS. If a CSS code has some text description, it should be enclosed in /* and */ tags so that CSS parser ignores it and treats it as a comment.