How to reduce the size of circle for displaying user image?

6 years 3 months ago - 6 years 3 months ago #1 by biaozhang
How to reduce the size of circle for displaying user image?

The image size some users uploaded is too small. So in the user search result page,
I need to reduce the size of the circle to accommodate the image with nice image resolution. As seen in the attachment,
the image dos not get displayed well in resolution in the circle. Any idea how to achieve this, where to make the changes in file
The topic has been locked.
6 years 3 months ago #2 by Function90
Hello,

You can add below css code in your template's css
.jp-search .jps-user-image img{
   height : 75px;
   width : 75px;
}

Thank you
Team Function90
You can share your views regarding our extension at JED ( extensions.joomla.org/profile/profile/details/225115#extensions )

Hire Professional Joomla Developers. ( www.function90.com/contact-us.html )
The topic has been locked.
6 years 3 months ago #3 by biaozhang
Thanks for the quick reply.
The solution you provided does not work. The images remain at same size.

Two things in our requirement:
1. How can we change the default size of the circle to make it small along.
2. How to change the image size displayed inside the circle.

Thanks.
The topic has been locked.
6 years 3 months ago #4 by Function90
Can you share any screenshot?

Thank you
Team Function90
You can share your views regarding our extension at JED ( extensions.joomla.org/profile/profile/details/225115#extensions )

Hire Professional Joomla Developers. ( www.function90.com/contact-us.html )
The topic has been locked.
6 years 3 months ago - 6 years 3 months ago #5 by biaozhang
Please see attached.

Due the the circle is too big, the image is not clear in display.
Also since the image is originally at small side, we see the empty space as highlighted in the screen attached.

Your image attachment does not seem to be working now. Please check the pictures in the page:
scapeusa.org/index.php/physicians
The topic has been locked.
6 years 3 months ago #6 by Function90
Try below code
.jp-search .jps-user-image img{
   height : 75px !important;
   width : 75px !important;
}

If it doesn't work, then please share your website link at This email address is being protected from spambots. You need JavaScript enabled to view it. so that we can check the issue at your end.

Thank you
Team Function90
You can share your views regarding our extension at JED ( extensions.joomla.org/profile/profile/details/225115#extensions )

Hire Professional Joomla Developers. ( www.function90.com/contact-us.html )
The topic has been locked.
Powered by Kunena Forum
Cron Job Starts