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!
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
@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.
i have the same question
That mostly works, but doesn't affect WPForo widgets.
The above code works for all avatars
Watch the video > https://app.screencast.com/3iDP1NeUMEjvt
It did not work on mine.