.icon-gs {
background-image: url("/media/kunena/category_images/own_icon.png");
background-repeat: no-repeat;
width: 32px;
height: 32px;
}
If the Joomla installation is installed in a subfolder, the name of this folder must also be specified in the image path.
.icon-gs {
background-image: url("/subfoldername/media/kunena/category_images/own_icon.png");
background-repeat: no-repeat;
width: 32px;
height: 32px;
}
If you are using a Joomla template which supported bootstrap icons, is it easy.
here is a list with this icons
Upload the image on the image dir on your kunena template. example: components\com_kunena\template\crypsis\assets\images
Go in backend to Kunena -> Templates -> mark Crypsis-> Edit less -> custom.less -> Edit less and enter this codes:
.icon-gs {
background-image: url("assets/images/own_icon.png");
background-repeat: no-repeat;
width: 32px;
height:32px;
}
If you want for unread categories a difference (another color etc..) then you need a second image along with this code.
.icon-gs.knewchar {
background-image: url("assets/images/own_icon_new.png");
background-repeat: no-repeat;
width: 32px;
height:32px;
}
Go to Backend -> Kunena -> Categories and click on Category
Enter the name of icon in the category manager icon-gs
Clean Cache
The size of the images must be adjusted before uploading!
This guide was written for older Blue Eagle versions and is obsolete. If you have questions about the template Blue Eagle 5, please ask in the Kunena Forum.
The same works also with Blue Eagle but it needs a little CSS customization.
Go in backend to Kunena -> Templates -> mark Blue Eagle -> Edit CSS -> custom.css -> Edit CSS and enter this codes:
#Kunena .icon-big {
color: #5388b4;
margin-right: 15px;
}
#Kunena .icon-knewchar, #Kunena .knewchar {
color: #090 !important;
}
Go to Backend -> Kunena -> Categories and click on Category
Enter the name of icon in the category manager such as icon-home, icon-trash etc.. here is a list with this icons
#Kunena .icon-gs {
background-image: url("../images/icons/gs.png");
width: 16px;
height:16px;
}
Found errors? Think you can improve this documentation? edit this page