change avatar size in forum list

[ibnat]

Hello

I am trying to change the size of the avatar next to the authors name in the freshness area of the forum list layout. (The avatar is sized and displays fine in a post)

I have a plugin that allows upload of an avatar for the user. WP User Avatars For which there are no settings. It just puts the avatar upload field in the edit user area.

But I see on my forum list that the avatar is linked to a gravatar url if the user has not uploaded an avatar.
https://secure.gravatar.com/avatar/77c79f7884cbd9f5a416df60655c6588?s=14&d=mm&r=g

If the user has uploaded their own avatar then the resides on my site but the image in forum list is 14px × 14px (scaled to 8px × 8px)

How do I resize this? is there something that I have missed in bbp style pack?

Thankyou for any help

The page I need help with: [log in to see the link]

[Robin W]

try this in the custom css part of the style pack plugin

.avatar.avatar-14.photo {
	padding: 0px;
	width: 20px;
}

and amend the 20px to suit

[ibnat]

Wow, thank you for your quick response
I pasted that in to the custom css and changed the 20px various times with no affect.
I cleared cache on my device each time as well

tried 40, 60 and 80px but the avatar stays tiny on inspecting the image is 14px × 14px

Is wordpress using a small icon from somewhere? I see now that wp settings for gravatars affect this area

[Robin W]

ok, just taken a second look

can you amend the above to

.avatar.avatar-14.photo {
	padding: 0px;
	width: 40px;
}

#bbpress-forums p.bbp-topic-meta img.avatar {
max-height: 40px;
max-width: 40px;
}

and make the 40 whatever you wish, but the same in all 3 places !

[ibnat]

Thank you.!

That increases the size of the avatar perfectly 40 is just right.

However it blurs the image completely bit gravatar and user uploaded avatar.

https://iberianatureforum.com/

[Robin W]

ok, also add this

add_filter ('bbp_after_get_author_link_parse_args' , 'rew_change_size' ) ;

function rew_change_size ($args) {
	$args['size'] = 40 ;
return $args ;
}

Put this in your child theme’s function file –

ie wp-content/themes/%your-theme-name%/functions.php

where %your-theme-name% is the name of your theme

or use
https://en-gb.www.ads-software.com/plugins/code-snippets/

[ibnat]

Just a question but if I sent you say, 25 cups of coffee could you not just add this into your amazing bbp style pack? maybe labelled 10.5 in the forum index styling tab?

??

[Robin W]

I’ll take a look ??

[Robin W]

I’ve added that option as 11 to forums index styling in version 4.8.1

you can donate via

https://www.rewweb.co.uk/donate/

looking forward to the coffee ??

[ibnat]

I still would have made it 10.5 ??

Coffee on its way

[ibnat]

Thankyou… Your option 11 to style the avatar in the forum list works perfectly I have set the avatar size to 50px and it looks great on both destop and mobile view. Works for both gravatar and user uploaded avatar.

Thankyou very much!

Increase size of avatar image in forum list layout: SOLVED

[Robin W]

great – glad you are fixed !! ??