Site logo

Archived topic

Round avatar

10 replies · Started by Oleg on November 5, 2015

Viewing posts 1–11 of 11

Hello!
By default GeneratePress, all avatars including the BuddyPress&bbPress, are square. How to do all avatars round?
Thanks you.

Thanks, but this code is not working for me. I'm not sure how to change it.

I'm using this CSS to make avatars round in bbPress:

#bbpress-forums div.bbp-forum-author img.avatar, 
#bbpress-forums div.bbp-topic-author img.avatar, 
#bbpress-forums div.bbp-reply-author img.avatar {
    border-radius: 50%;
}

border-radius: 50% will only work if the image is the same width and height (100x100 for example).

Thank you!
What CSS is needed to BuddyPress?

Can you link me to a BuddyPress page with avatars?

Give this CSS a try:

.avatar {
    border-radius: 50%;
}

Yes, cool!

@Tom that was the best CSS code around. Thanks for that. Small and simple.

Happy to help! :)

This archived topic is closed to new replies.