Round Avatars - General Discussions

RE: Round Avatars

Steel Rat — Mon, 28 Aug 2023 19:47:13 +0000

It works within the WPForo wrapper, but not the site wrapper.

RE: Round Avatars

Tutrix — Mon, 28 Aug 2023 19:28:31 +0000

you read this?

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

if it still does not work, your WP-Theme overwrites the code

RE: Round Avatars

Steel Rat — Mon, 28 Aug 2023 19:19:40 +0000

Attached a screencap. You can see that it works on the profile page, but does not affect the widget.

Now, I had to convert the WPForo widget to a legacy widget to be able to even publish. I don't know if this is specific to WP 6.3, all I know is they would now work without conversion.

Capture-1.png

RE: Round Avatars

Steel Rat — Mon, 28 Aug 2023 19:13:02 +0000

It did not work on mine.

RE: Round Avatars

Tutrix — Mon, 28 Aug 2023 19:06:56 +0000

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

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

RE: Round Avatars

Steel Rat — Mon, 28 Aug 2023 18:56:41 +0000

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

RE: Round Avatars

tobawisata — Mon, 28 Aug 2023 17:55:56 +0000

i have the same question

RE: Round Avatars

Tutrix — Mon, 28 Aug 2023 16:45:20 +0000

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

Round Avatars

Steel Rat — Mon, 28 Aug 2023 16:12:35 +0000

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!