How to make round avatars in vB5

[montana rover]

Thanks Glen!

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

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

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 not work for me. I even tried a different theme.

[Menderley]

Thank you. Looks so nice

[rnedelkow]

I think I got it Glenn. This did the trick:

.b-avatar--m > img, /* mobile avatar size =60 */
.b-userinfo .b-avatar--m > img {
max-height: 60px !important;
max-width: 60px !important;
height: 60px !important;
width: 60px !important;
}
.b-userinfo__details { /* mobile user details to right of avatar */
margin-left:0px;
display:none;
}

[glennrocksvb]

I need access to your site to take a look at the issue.

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

[glennrocksvb]

You're welcome. Thanks for the appreciation
😊

[Dotti]

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

[glennrocksvb]

Glad to help. 😉

[rnedelkow]

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

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

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