Archived topic
Round avatar
10 replies · Started by Oleg on November 5, 2015
Hello!
By default GeneratePress, all avatars including the BuddyPress&bbPress, are square. How to do all avatars round?
Thanks you.
Hi Oleg. This example may give you a starting point: Wrapping Text Around A Circular Image With CSS Shapes.
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?
It's standard page, example:
Activity - http://test2.rus.network/activity/
Members - http://test2.rus.network/members/, http://test2.rus.network/members/olegus/profile/
Groups - http://test2.rus.network/groups/, http://test2.rus.network/groups/the-godfather/
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! :)
