×
Blue Eagle (1.5.0) for K5.1 is released (20 Jul 2018)

Please update the Kunena Blue Eagle to 1.5.0 if you use Kunena 5.1.
We made several bug fixes and improvements. Also Blue Eagle has now all the features from Crypsis.
Download: www.kunena.org/download/templates/category/blue-eagle-5

Solved Custom category Icons with Crypsis (Kunena 5)

More
1 year 6 months ago - 1 year 6 months ago #1 by KennethHansen
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.
Last edit: 1 year 6 months ago by KennethHansen.

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

More
1 year 6 months ago #2 by 810
ok, add a space before icon-sony, on the category page

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

More
1 year 6 months ago #3 by KennethHansen
Still no luck :/

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

More
1 year 6 months ago #4 by 810
.icon-sony {
    background-image: url("assets/images/sony.png");
    background-repeat: no-repeat;
    width: 64px !important;
    height: 32px !important;
}
The following user(s) said Thank You: KennethHansen

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

More
1 year 6 months ago #5 by rich
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'; */

The following user(s) said Thank You: KennethHansen

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

More
1 year 6 months ago #6 by KennethHansen
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 :)

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

  • Not Allowed: to create new topic.
  • Not Allowed: to reply.
  • Not Allowed: to add attachements.
  • Not Allowed: to edit your message.
Time to create page: 0.086 seconds