Perhaps you can provide us one of the login account which contain all these suggestion friend data, so I can see whether possible to use CSS to increase that avatar image area?

Hello,

You can test the account charles@leweborateur.fr (password in Site Details page).

Best regards.

It seems like you provided that user login account do not have any suggestions friends, but you can try apply this following custom css under your site backend > Easysocial > theme > custom css and see how it goes.

body #es.mod-es-friend-suggestions .o-avatar--md {

    width: 64px !important;

    height: 64px !important;

}



body #es.mod-es-friends .o-avatar {

    width: 64px !important;

    height: 64px !important;

}

The result should be like this : https://monosnap.com/file/ITsQXygyWjD8CxiXDZ1X4hTkZx3Ibi

Hello,

The images remain very ugly even by increasing the sizes.

Can you tell us in which files are created / generated the images that are in / media / com_easysocial / avatars / users? We would like to call larger images for the modules.

40x40 or 32x32 are formats too small for us.

We are not afraid of response times because we use the Google "PageSpeed" function that turns formats into webp.

Best regards.

Okay, then you have to modify the core file in order to achieve this :

JoomlaFolder/modules/mod_easysocial_friends/tmpl/default.php

Find this code :

			<?php echo $lib->html('avatar.user', $user, 'default', $params->get('popover', true), $params->get('online_state', true), $params->get('popover_position', 'top-left')); ?>

Replace with :

			<?php echo $lib->html('avatar.user', $user, 'lg', $params->get('popover', true), $params->get('online_state', true), $params->get('popover_position', 'top-left')); ?>

Once you done already, you can put this modified file override into your current template file location JoomlaFolder/templates/YourCurrentTemplate/html/mod_easysocial_friends/default.php


JoomlaFolder/components/com_easysocial/themes/wireframe/helpers/user/user.suggest.php

Find this code :

<?php echo $this->html('avatar.user', $suggestion->user, 'md'); ?>

Replace with :

<?php echo $this->html('avatar.user', $suggestion->user, 'lg'); ?>

Once you done already, you can put this modified file override into your current template file location JoomlaFolder/templates/YourCurrentTemplate/html/com_easysocial/helpers/user/user.suggest.php

Hello,

With Easysocial, PageSpeed ​​deteriorates the quality of images, for some reason that escapes us.

Thank you very much, this solution, a bit strange, is very useful because it allows us to keep PageSpeed.

So we put larger images in several files, which we then put to 40x40px in css so that they appear very beautiful.

For people who are interested, here are the modified files (we are not finished yet) and the css:

/modules/mod_easysocial_friends/tmpl/default.php
/modules/mod_easysocial_followers/tmpl/default.php
/modules/mod_easysocial_followers/tmpl/default-suggest.php
/components/com_easysocial/themes/wireframe/helpers/user/user.suggest.php
/components/com_easysocial/themes/wireframe/helpers/avatar/conversation.php
components/com_easysocial/themes/wireframe/helpers/widget/users.php
components/com_easysocial/themes/wireframe/helpers/widget/pages.php
components/com_easysocial/themes/wireframe/helpers/widget/groups.php
/components/com_easysocial/themes/wireframe/conversations/message/default.php
/components/com_easysocial/themes/wireframe/helpers/listing/user/listing.php

css :

#es .es-side-widget .o-avatar{width: 40px !important;height:40px!important}
#es .es-convo-messages__item .o-media__image .o-avatar,#es .o-avatar-group-1,#es .o-avatar-group-1>div:first-child,#es .o-avatar-group-1>div:first-child img {width: 40px !important;height:40px!important}
#es .es-list-item__media .o-avatar {width: 40px !important;height: 40px !important}
body #es.mod-es-followers .o-avatar,body #es.mod-es-friend-suggestions .o-avatar,body #es.mod-es-friends .o-avatar {width: 40px !important;height: 40px !important}
body #es.mod-es-pages .o-avatar{width:32px!important;height:32px!important}

Best regards.

You're most welcome.

Thanks for sharing.