×
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 Crypsis custom icons

More
2 years 6 months ago #1 by antonio123
How do I go about setting custom category icons in crypsis. Been searching for a while and I can't find anything clear.

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

More
2 years 6 months ago #2 by 810

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

More
2 years 6 months ago #3 by antonio123
Replied by antonio123 on topic Crypsis custom icons
What if I want to add an icon not on the list?

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

More
2 years 6 months ago - 2 years 6 months ago #4 by 810
Replied by 810 on topic Crypsis custom icons
then you need to upload the image on your site. Then load the image by css. Then on the option you put the css class name.

See: www.kunena.org/forum/k-4-0-general-quest...n-in-kunena-4-solved
Last edit: 2 years 6 months ago by 810.

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

More
2 years 6 months ago - 2 years 6 months ago #5 by antonio123
Replied by antonio123 on topic Crypsis custom icons
I tried with this code
#Kunena .icon-myimage {
	background-image: url("https://mydomain.net/images/myimage.png");
}

No luck
I’ve been using several of the presets and they work.
Last edit: 2 years 6 months ago by antonio123.

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

More
2 years 6 months ago #6 by 810
Replied by 810 on topic Crypsis custom icons
i have updated the doc, please read again

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

More
2 years 6 months ago #7 by antonio123
Replied by antonio123 on topic Crypsis custom icons
Sill wont work. Is it possible to edit the preset images?

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

More
2 years 6 months ago - 2 years 6 months ago #8 by 810
Replied by 810 on topic Crypsis custom icons
I just tried again, and for me its working.


1) copy file to: \components\com_kunena\template\blue_eagle\images\icons\
2) Go to backend - kunena - category manager - select category
3) enter at Category Icon: icon-gs
4) Go to template manager - select template - edit css - select custom.css - edit css
5) enter:
#Kunena .icon-gs {
    background-image: url("../images/icons/tweet_icon.png");
    width: 16px;
    height:16px;
}

6) Click on save, then go to the frontend - kunena - index

There you see your image
Last edit: 2 years 6 months ago by 810.

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

More
2 years 6 months ago #9 by antonio123
Replied by antonio123 on topic Crypsis custom icons
Thats exactly what I did and it doesn't show up. I’m supposed to use the crypsis folder right?

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

More
2 years 6 months ago - 2 years 6 months ago #10 by 810
Replied by 810 on topic Crypsis custom icons
Blue Eagle:

1) copy file to: \components\com_kunena\template\blue_eagle\images\icons\
2) Go to backend - kunena - category manager - select category
3) enter at Category Icon: icon-gs
4) Go to template manager - select template - edit css - select custom.css - edit css
5) enter:
#Kunena .icon-gs {
    background-image: url("../images/icons/tweet_icon.png");
    width: 16px;
    height:16px;
}

6) Click on save, then go to the frontend - kunena - index



Crypsis:
1) copy file to: media\kunena\category_icons\
2) Go to backend - kunena - category manager - select category
3) enter at Category Icon: icon-gs
4) Go to template manager - select crypsis - edit less - select custom.less - edit Less
5) enter:
.icon-gs {
    background-image: url("category_icons/tweet_icon.png");
    width: 16px;
    height:16px;
}

6) Click on save
7) clean cache, then go to the frontend - kunena - index
Last edit: 2 years 6 months ago by 810.

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.101 seconds