×
Kunena 5.1.5 Released - Security Release (14 Oct 2018)

The Kunena team has announce the arrival of Kunena 5.1.5 [K 5.1.5] which is now available for download as a native Joomla extension for J! 3.8.x. This version addresses most of the issues that were discovered in K 5.1 and issues discovered during the development stages of K 5.1. This is a Security release.

Solved Custom category Icons with Crypsis (Kunena 5)

More
1 year 8 months ago - 1 year 8 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 8 months ago by KennethHansen.

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

More
1 year 8 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 8 months ago #3 by KennethHansen
Still no luck :/

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

More
1 year 8 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 8 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 8 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.089 seconds