Solved Custom category Icons with Crypsis (Kunena 5)

Alright, I don't want to repeat a lot of questions, which apparently have already been asked, but I've spend the past 2 hours to search for suggestions for my problem, without results.

So here's the deal.

I used to have custom category images with the old Kunena, where you would rename the imagefile to include the category ID - this obviously no longer works.

- I'm on the newest Kunena version atm.
- I'm using the Crypsis-template (seems to be the default template from Kunena 5 and up?)
- I've uploaded my custom category images on my server
- I've followed the specifically Crypsis-instructions on the bottom of this page: www.kunena.org/docs/en/manual/backend/categories/category-icons

And every single thing I've tried so far, doesn't seem to work.

So, here's a couple of screenshots.

Crypsis custom.less:


Kunena category manager with the corresponding tag:


Result on my Kunena-page:


URL to the category image, to show that it's correctly uploaded:


What am I doing wrong here?

EDIT:
I assumed that the URL for the image to be placed in the custom.less, would be based on "components/com_kunena/template/crypsis/assets/less/" - therefor the "../" before "/images", to lead it back to the assets-folder, where the images-folder also is placed.

I did also try to put in the full URL, and the "assets/images/<my file>.png" as written in the Kunena manual, both without luck.

ok, add a space before icon-sony, on the category page

Still no luck

Even these two things might be the cause.
1. The image must be adjusted before uploading to the correct size. Otherwise you see only a section of the image.
2. If it still not work, then add in the crypsis.less following line at the last place (red marked).

@import 'variables.less';
@import 'quirks.less';
@import 'general.less';
@import 'editor.less';
@import 'icons.less';
@import 'user.less';
@import 'profile.less';
@import 'categories.less';
@import 'mediaqueries.less';
@import 'twitter.less';
@import 'custom.less';
/* @import 'debug'; */

Finally managed to get it to work.

None of the above suggestions made it, but I examined the source-code by rightclicking the empty image-field on my site. It showed me, that actually two *.css files was trying to interfere with the .icon-sony tag. One specifically placed in /media/kunena/cache/crypsis/css/, named "kunena-custom.css", which I don't ever recall neither editing or creating. Must have been some leftover, from when I upgraded Kunena 3.x to 5.x.

I cleared both css-files, and then the less-file made it's impact.

Thanks for all the suggestions though - I'm gonna let this stay here, in case the problem will occur for someone else