Hi Neel,

Can you try put this css override in your current Joomla template. Please give this a try and see if this resolves your issue.
Recent Users
body div#fd.es.mod-es-users .es-avatar img{
width: 60px !important;
height: 60px !important;
}
body div#fd.es.mod-es-users .widget-list-grid>li>a{
width: inherit;
height: inherit;
}

Recent Photos module
body div#fd.es.mod-es-recent-photos .es-item-grid>li{
width: 100px !important;
}
Please advise.
Thanks.

The quality of the photos are reduced a lot due to the large images being heavily compressed to tiny images. This also makes the photos take much longer to load. Feel free to show your support on voices.

Hi Mohd Yasser, Right now, I am using css to increase the thumbanail size but that doesnt change the original image size used for thumbnails. What is the original thumbnail size used for these modules?

Neel wrote:

What is the original thumbnail size used for these modules?

The new members module uses a 64px by 64px which is pretty good in terms of practices. However the new photos module uses the large image which is 1280px wide which is way too big.

Hi Josh,

Thanks for sharing.

Hi Neel,

Yes. I believe what Josh say is true. The mod_es_user is using 64 x 64 px, however, mod_recent_photos uses 1280px. You can use the thumbnail size for this module. (256 x 256 px. ). Please go to this file: ...\modules\mod_easysocial_photos\tmpl\default.php and find this code:

style="background-image:url('<?php echo $photo->getSource('large'); ?>');">

change to this:

style="background-image:url('<?php echo $photo->getSource('thumbnail'); ?>');">

Hope this will help.
Thanks.

Thank you Josh and Yasser. For user thumbnail, I find 64 X 64 too small for my use case. Because if this is increased using CSS override, its really bad and blurry. I would prefer to increase it to 125 x 125 for this module. Is there a way to do that?

Hi Neel,

I am sorry for the late reply.
Please go to this file: ...\administrator\components\com_easysocial\includes\user\user.php and find this function:
Update this code from:

public function getAvatar( $size = SOCIAL_AVATAR_MEDIUM )

to this

public function getAvatar( $size = SOCIAL_AVATAR_LARGE )

Please give this a try and see if this resolves your issue.
Hope this will help.
Thanks.

Perfect, that will do it. Can you quickly confirm how big is 'SOCIAL_AVATAR_LARGE'?

Thank you Yasser

Hi Neel,

I am sorry for the late reply.
The size for SOCIAL_AVATAR_LARGE is 180 x 180px. You can check it here: http://screencast.com/t/0kakgZP7 .

Hope this will help.
Thanks.

Sorry for the delay Yasser. I got so caught up on fixing a server error.

Thanks for the update. I tried your updated file but its not showing the SOCIAL_AVATAR_LARGE avatar. The img url is just empty like:

<img src="http://example.com" data-popbox="module://easysocial/profile/popbox" data-popbox-position="top-left" data-user-id="14540">

But this works:

<img src="<?php echo $user->getAvatar($size = SOCIAL_AVATAR_LARGE);?>">

Thanks for updating Neel, glad that your issues are resolved now