Coloured Categories

One of the features of Kunena is the way that categories can be customised with different colours. Applying a different colour “theme” to different categories, forums within categories and topics within forums, is really quite easy.

How it’s done

If you want to display a specific category in one of the pre-defined colours that exists with the template, use the Category Manager, edit the specific category, Categories -> Category Display -> (tab) Category Name and Description -> Category CSS Class Suffix to one the following values:

  • -blue
  • -yellow
  • -grey
  • -red
  • -pink
  • -green

Define your own color

The predefined color list can be extended arbitrarily. To do this, the extra color codes must be entered into the custom.less.

This example add purple color

Add this codes in your custom.less

.layout#kunena .category-purple:nth-child(2n+1) {
    background-color: #b78ecc;
}
.layout#kunena .category-purple:nth-child(even) {
    background-color: #9c50c1;
}

Now you can use additional the Category CSS Class Suffix -purple

Found errors? Think you can improve this documentation? edit this page