Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

Suggestion [Closed] Round Avatars

9 Posts
3 Users
0 Reactions
2,555 Views
Posts: 29
Topic starter
(@steel-rat)
Eminent Member
Joined: 4 years ago

Every time I install a new WP site, and WPForo, I have to go through all sorts of CSS hoops to change the round avatars to no border-radius. I vehemently dislike forced round avatars. It seems like CSS copied from other installs doesn't always work.

Is it possible to add an option in the Member Profile settings to use Square, or no border-radius avatars sometime in the future? 

Thanks!


8 Replies
Tutrix
Posts: 1521
(@tutrix)
Noble Member
Joined: 6 years ago

Hi @steel-rat

add this to custom css

#wpforo #wpforo-wrap img.avatar, #wpforo #wpforo-wrap .wpf-sbd-avatar img, #wpforo #wpforo-wrap .wpforo-last-post-avatar img, #wpforo #wpforo-wrap .wpforo-topic-author img, #wpforo #wpforo-wrap .wpforo-last-topic-avatar img, #wpforo #wpforo-wrap .wpf-thread-last-avatar img, #wpforo #wpforo-wrap .wpf-thread-users-avatars img, #wpforo #wpforo-wrap .wpf-tmi-user-avatar img, #wpforo #wpforo-wrap .wpf-tmi-item img, #wpforo #wpforo-wrap .wpforo-topic-avatar img, #wpforo #wpforo-wrap .author-avatar img, #wpforo #wpforo-wrap .wpforo-post-avatar img, #wpforo #wpforo-wrap .wpforo-comment-avatar img, #wpforo #wpforo-wrap .wpf-author-avatar img {
  border-radius: 0 !important;
}

Dashboard > wpForo > Settings > Colors & Styles > Custom CSS


1 Reply
(@steel-rat)
Joined: 4 years ago

Eminent Member
Posts: 29

@tutrix - That mostly works, but doesn't affect WPForo widgets. I had to add the following to get those to work.

 

#wpforo .avatar, .wpforo-widget-wrap .wpforo-widget-content .avatar {
    border-radius: 0;
}

 

Which is why it would be nice to have a setting to change it, instead of guessing.


Posts: 1
(@tobawisata)
New Member
Joined: 2 years ago

i have the same question


Tutrix
Posts: 1521
(@tutrix)
Noble Member
Joined: 6 years ago

Posted by: @steel-rat

That mostly works, but doesn't affect WPForo widgets.

The above code works for all avatars
Watch the video > https://app.screencast.com/3iDP1NeUMEjvt


Posts: 29
Topic starter
(@steel-rat)
Eminent Member
Joined: 4 years ago

It did not work on mine.


Page 1 / 2