NTS KGrid

Table of contents

Installation

Template configuration

Backup and Update

Advanced

Installation

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

System requirement

  • Joomla 4.x or Joomla 5.x
  • Kunena 6.3.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_kgrid_unzip_first

  • nts_kgrid.zip (Template package for Kunena version 6.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 KGrid 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 KGrid as default template style

Template configuration

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

Add background color for a category.

Instructions for adding background color for each category of the forum.

  • 1From backend: Click the Components → Kunena Forum → Category menu. Open the category want to add background.
  • 2In the Category name and Description tab enter the color name as a class in the Category CSS Class Suffix field (There are 6 color classes you can choose from: cat-green, cat-blue, cat-red, cat-indigo, cat-hilite).
  • 3Save the setting and back to your forum view the change.
The syntax for entering the class for the "Category CSS Class Suffix" field is as follows: [white_space]class-name-1[white_space]class-name-2.You need to add a space before each class name.

Add outline color for a category

  • 1From backend: Click the Components → Kunena Forum → Category menu. Open the category want to add border color.
  • 2In the Category name and Description tab enter the border class name as a class in the Category CSS Class Suffix field (There are 5 color classes you can choose from: ol-green, ol-blue, ol-orange, ol-indigo, ol-pink).
  • 3Save the setting and back to your forum view the change.

Change the category icon

  • 1From backend: Click the Components → Kunena Forum → Category menu. Open the category want to add background.
  • 2In the Category name and Description tab enter the icon class name in the Category Icon field (Use FontAwesome class fa-heart).
  • 3Save the setting and back to your forum view the change.
Click this link to see all the icons.

Set width for a category

By default, the width of each category will take up a quarter of the site width. You can increase the width of that category by adding the suffix class to the category you want.

  • 1From backend: Click the Components → Kunena Forum → Category menu. Open the category want to add background.
  • 2In the Category name and Description tab, enter width class name in the Category CSS Class Suffix field. (span-2 twice the width of the default column, span-3 three times the width of the default column)
  • 3Save the setting and back to your forum view the change.

Theme color settings

With the NTS KGrid 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,...

Backup & Update

Backup settings

All settings will be saved in the file params.ini in the [root]/components/com_kunena/templates/nts_kgrid/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.

Advanced

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