Announcement
Collapse
No announcement yet.
How to make round avatars in vB5
Collapse
This is a sticky topic.
X
X
-
Need to see the site in order to see what's happening.
- Top
- Translate
- Bottom
-
Put the border in the image itself not in its container.
Code:.b-avatar--thread img { border: 1px solid #fff; }
- Top
- Translate
- Bottom
- Likes 1
-
The format for border property is:
border: <border-width> <border-style> <border-color>;
For example:
border: 1px solid #fff;
- Top
- Translate
- Bottom
-
Where does the thin white border you have around these round avatars derive from?
I've achieved round avatars, and I've made them larger, but I can't seem to give them a border.
If I alter ...
Code:.b-avatar--thread { border: 0; }
Code:.b-avatar--thread { border: 1; }
- Top
- Translate
- Bottom
-
-
If an avatar is not a square, then it will become oval. You don't want to force it to be square as the image will be stretched.
- Top
- Translate
- Bottom
Leave a comment:
-
Originally posted by glennrocksvb View PostNo, I wasn't saying to use the code I posted in post #91. I was saying to remove it as it is the code that's causing the avatars not to be rounded.
- Top
- Translate
- Bottom
Leave a comment:
-
No, I wasn't saying to use the code I posted in post #91. I was saying to remove it as it is the code that's causing the avatars not to be rounded.
- Top
- Translate
- Bottom
Leave a comment:
-
glennrocksvb
this codeCode:{ border-radius: 100%; }
- Top
- Translate
- Bottom
Leave a comment:
-
You have this CSS code in css_additional that overrides the border-radius.
Code:* { border-radius: 0 !important; }
- Top
- Translate
- Bottom
Leave a comment:
-
Originally posted by glennrocksvb View PostToday, 11:45 AM
Editing a comment
Need to see your site in order to check if the code is correct and not overridden by other CSS.
- Top
- Translate
- Bottom
Leave a comment:
Users Viewing This Page
Collapse
There is 1 user viewing this forum topic.
- Guest
Latest Posts
Collapse
-
Reply to Archive videos bb codeby BlackhorseFinally I did it, here is the replacement for your review and improvement Glenn, and for any one would need it:
Code:<iframe src="https://archive.org/embed/{param}"
Today, 01:36 AM -
by BlackhorseHello Glenn,
Any help please regarding a working Archive Videos BB codes?
Edited:
I am finding difficulties in implementing...05-16-2024, 08:34 AM -
Reply to Archive videos bb codeby BlackhorseHello Glenn, twiiter and twitch are working like charm, Thank You so much i have psted in their posts.
I am lookng in this post for playing...Today, 12:01 AM
Leave a comment: