No. This forum channel is for vB5 only. HTML and CSS for vB5 are totally different than vB3 and 4.
Announcement
Collapse
No announcement yet.
How to make round avatars in vB5
Collapse
This is a sticky topic.
X
X
-
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.Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
Comment
-
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?
- Top
- Translate
- Bottom
Comment
-
Ok rnedelkow
Replace this CSS code in css_additional template in AdminCP or Style > CSS Editor in Sitebuilder:
Code:.avatar, .b-avatar, .b-avatar--thread { border: 0; }
Code:.avatar, .b-avatar, .b-userinfo .b-avatar--thread { border: 0; }
Code:.b-avatar--m > img { max-height: 115px !important; max-width: 115px !important; height: 115px !important; width: 115px !important; }
Code:.b-avatar--m > img, .b-userinfo .b-avatar--m > img { max-height: 115px !important; max-width: 115px !important; height: 115px !important; width: 115px !important; }
Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
Comment
-
- Top
- Translate
- Bottom
Comment
-
Glenn, I just wanted to say how much I appreciate YOU. You are always there to help when you can. Thank you.
Dotti
- Top
- Translate
- Bottom
- Likes 3
Comment
-
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:
- Top
- Translate
- Bottom
Comment
-
I need access to your site to take a look at the issue.
- Top
- Translate
- Bottom
-
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;
}
- Top
- Translate
- Bottom
-
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.Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
Comment
-
Originally posted by montana rover View Post
Just tried it in default. No good. Site is open now. Thanks.
Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
Comment
Users Viewing This Page
Collapse
There is 1 user viewing this forum topic.
- Guest
Latest Posts
Collapse
Comment