nophoto.png default avatars displaying too big in NTS Kay template

Hello support
There is a problem with the display size of the "nophoto.png" avatar image, when a Kunena user does not upload their own avatar.
If I switch the template from NTS Kay to Aurelia, the default nophoto.png avatar displays at the same size that custom avatars do, which is 36x36 pixels.
Another strange thing, is the nophoto.png avatar is displaying as different sizes on different pages.

Here are good examples which show what I mean:
1. Example one is on the Home page for Kunena. In my Community Forum section, you can see user Eric Matyas is using default nophoto.png, and it is bigger than custom avatars below.
www.moviestudiozen.com/forum/index

2. Example two is on the Recent Topics pages. You can clearly see the nophoto.png avatar is much larger than 36x36 pixels.
www.moviestudiozen.com/forum/recent

Regards, Derek.

Don't panic!

Last Edit:2 months 2 weeks ago Post by dexter33
Last edit: 2 months 2 weeks ago by dexter33.

Please Log in or Create an account to join the conversation.

Hi Derek,
Please add below CSS rules to the custom.css file to limit width of the user avatar thumb.
Code:
#kunena.layout .kfrontend .kcat-avatar a img { max-width: 36px; }
We will check this issue and improve to the next version of template.

Kind regards,

UI/UX Designer - Web developer. (UI/UX design for T4 Framework, T4 Pagebuilder, GK Framework products...)

Post by cssyeah
The following user(s) said Thank You: dexter33

Please Log in or Create an account to join the conversation.

Hi cssyeah
I'm sorry for my lengthy delay in replying to your post - outside forces distracted me for a while!

Thanks for replying to my message and providing a solution. 
The new code you provided, fixed the Default Avatar image size on the front page of my forum, but did not fix the Recent Topics page.
However, when I inspected the Default Avatars on the Recent Topics page, I was able to adapt the code you sent me and added the following custom.css as well, which has now fixed the problem on both the Front Home page and also Recent Topics pages!
Code:
#kunena.layout .kavatar {    max-width: 36px; }

Regards
Derek

Don't panic!

Last Edit:2 months 2 weeks ago Post by dexter33
Last edit: 2 months 2 weeks ago by dexter33.

Please Log in or Create an account to join the conversation.

Time to create page: 0.798 seconds