Read before updating: How to Update Kunena Templates - More detail

Installation

The section will help you with steps to install the NTS KHelpoint manual installation.

System requirement

  • Joomla 4.x & Joomla 5.x
  • Kunena 6.4.x

Download template package

  • 1Login on our website with your account
  • 2Click to the My Order(s) → Kunena Template menu. Then download the template you purchased.

Template package structure

nts_khelpoint_unzip_first

  • nts_khelpoint.zip (Template package for Kunena version 6.4.x)
  • readme.txt

Manual Installation

The Kunena component supports the installation of templates separately from Joomla! Extensions. So follow the steps below to install a new theme for your forum.

  • 1From back-end of your website click to the Components → Kunena Forum → Templates menu.
  • 2Click to the New Template button on top bar.
  • 3Browse to the template package you just downloaded.
  • 4Click to the Update file & Install button to install the template.

Set NTS KHelpoint as default template style

After the installation is done successfully, the template will be displayed in the installed templates list Components → Kunena Forum → Templates. Select the template and press the Default button on the top bar.

Set template as default

Set NTS KHelpoint as default template style

Template configuration

This section will help you configure the category thumbnail and change the color for some forum elements.

Theme color settings

With the NTS KHelpoint template you can change the colors for some elements of the forum to match the colors on your website, such as the forum's main color, the main menu color, the link color,...to change the color of the template please follow the steps below.

  • 1From Kunena template configure, click the Colors tab.
  • 2Use the color picker to change color for brand colors, menu color, link color,...
Color settings

Change forum elements color to match with your website.

Choose color presets

  • 1Click to the Components → Kunena Forum → Templates menu.
  • 2Choose the NTS KHelpoint template. Click to the Colors tab.
  • 3Choose a color in the Color presets field.

Backup & Update

Backup settings

All settings will be saved in the file params.ini in the [root]/components/com_kunena/templates/nts_khelpoint/config/. So you need to back up this file when updating the new version for the template.

Update new version

To update the new version of the template you need to download the latest package from our website. Then perform the installation again following the steps in the installation section.

Add an Image or Background for a Category

To add an image or background for a specific category in Kunena Forum, please follow these steps:

  • 1

    Identify the Category ID. (First, determine the ID of the category you want to customize:)

    • In your Joomla administrator panel, go to Components → Kunena Forum → Categories.
    • You will see a list of all categories along with their corresponding IDs.
  • 2

    Prepare the Image or Background. (Once you have the category ID, you can create a category image or background image using the following naming formats)

    • Category Image: Name your image file as cat-img-[category_id].png (We support most common image formats including .jpg, .png, .webp, and .svg)
    • Category Background: Name your background image as cat-bg-[category_id].jpg (We recommend using .jpg for best compatibility)
  • 3

    Upload the Files.

    • After preparing your images, upload them to the following folder on your website: media/kunena/category_images/
    • Once uploaded, the system will automatically detect and display the images for the corresponding categories based on their IDs.
Add an Image or Background Image for a category

The illustration image and background image have the id number: 38

Add custom CSS

To customize some forum elements to better suit your website. Follow some of the steps below.

  • 1From Backend:Components → Kunena Forum → Templates menu.
  • 2Mark template you want to add custom CSS. Then click the Edit CSS button on the top bar.
  • 3Enter your CSS code. Click Save or Save & Close
  • 4Empty the Cache if your turn on.
Add custom css