How to make round avatars in vB5

[glennrocksvb]

Need to see the site in order to see what's happening.

[DXW]

Nope. That give me square borders again.

[DXW]

Ahhhh thanks. That might fix some of the shadowing oddities I have been getting.

[glennrocksvb]

Put the border in the image itself not in its container.

.b-avatar--thread img {
    border: 1px solid #fff;
}

[DXW]

Now I have round avatars with drop-shadows. Small steps ... thank you "Add Drop Shadow to Main Body Container" for the steer. Now to make them a little more subtle.

[DXW]

Got it. The earlier segment, just above the one I quoted …
img.avatar,
img.b-avatar {
border-radius: 100%;
border: 1px solid #ffff;
}

Thanks.

[glennrocksvb]

The format for border property is:

border: <border-width> <border-style> <border-color>;

For example:

border: 1px solid #fff;

[DXW]

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

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

… to ...

.b-avatar--thread {
    border: 1;
}

… I get a 1px square border around my round avatar.

[bluebarracudas]

Had a member join today and his/her avatar came out like this. Is this a product of the avatar being too small? I'm sure force stretching the avi isn't ideal, but is it doable in times like these?

[glennrocksvb]

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.

[CivicTR]

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.

Thanks for your support. I did rounded avatars but some avatars are more rounded(oval) . I read topic but i couldn't. Can you please help ?

[glennrocksvb]

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.

[CivicTR]

glennrocksvb
this code

{
    border-radius: 100%;
}

I changed it with the code you wrote, problem not solved.

[glennrocksvb]

You have this CSS code in css_additional that overrides the border-radius.

* {
    border-radius: 0 !important;
}

That code means don't make the border of ALL tags round.

[CivicTR]

Today, 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.

My web site www.civictr.com Thanks...