Skip to main content
Skip table of contents

Course-list | Apply a category colour

Overview

Admins can assign a hex value colour to each course category.
This colour automatically applies to your frontend course list page, giving a visual cue to help website visitors easily identify and distinguish course categories.

Benefits

  • Visual organisation: Categories are colour-coded, making your course list more engaging and easier to browse.

  • Improved user experience: Visitors can quickly spot related courses by colour.

  • Brand consistency: You can match category colours to your website or company branding.

How to Add a Colour to a Category

  1. Go to:
    Admin > Courses > Categories

  2. Edit or Create a Category

  3. Enter a Hex Colour Value in the ‘Colour’ Input

    • In the Colour field, enter a valid hex value (e.g. #1E90FF for blue, #28A745 for green).

    • You can use a colour picker tool online to find your desired shade.

  4. Save Changes

  5. Screenshot 2025-10-28 at 09.13.44.png

    Category - add hex colour value


Frontend Display

Once saved, your selected colour will automatically:

  • Appear on the course list page beside or behind courses under that category.

  • Help guests easily identify courses by their colour-coded category.

Screenshot 2025-10-28 at 09.14.51.png

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.