Managing the Course Theme

This section explains how to customise the visual appearance of your platform or an individual course in Coursebox. Whether you want to change your course colours, update your branding, change the font, upload a cover image, or connect a custom domain, this guide walks you through every option.

Watch the tutorial videos found in our YouTube Video Library.

You can set your course theme from the profile menu shown below.

Portal Settings

General > Bring Your Own Domain (Connect a Custom URL)

Plan requirement: Bring Your Own Domain (white-label URL / custom domain) requires the Pro plan or above. It is not available on the Free, Creator, or Plus plans. To upgrade, visit https://www.coursebox.ai/pricing

The Bring Your Own Domain feature allows you to connect a custom domain (for example, learn.yourdomain.com) to your Coursebox portal instead of using the default Coursebox URL. Also known as setting up a custom URL or white-label domain.

Steps to Configure a Custom Domain

Navigate to Theme in the portal settings.
Click Theme. A new window will open displaying the portal branding options.
In the General tab, locate the Bring Your Own Domain section.
Enter your custom domain (e.g. learn.yourdomain.com) and click Save.

A setup window will guide you through configuration. Click Continue to begin.

When configuration is successful, the domain will display with a success indicator.

Colour Settings (Change My Course Colours / Update Branding Colours)

The Colour settings allow you to fully customise the visual appearance of your Coursebox platform and individual courses. Whether you want to change your brand colours, update your colour scheme, or match your organisation's branding, this is where you do it.

Colour settings are grouped into two levels:

Portal Colours – control the overall look of the Coursebox platform (applies to all courses)
Course Colours – control how a specific individual course appears

Tip: Setting colours at the Portal level ensures consistency across all courses and saves time when creating new ones.

Option 1: Change Colours via Theme Settings (All Courses)

Use this option if you want consistent colours applied across all courses.

Select the Colors tab.

Expand Portal or Course Colours.

Click the colour tile or edit icon next to the element you want to change.

Choose a colour using the picker, or enter a HEX code to match your brand exactly. Repeat for any additional elements.

Option 2: Change Colours within a Specific Course

Use this option if you want to customise the look and feel of one course only.

Open the course you want to customise and click Edit Course.

Click on the three dots to access settings and select Theme from the dropdown.

Then select your colours

For each option, choose a colour or enter a HEX code, and save your changes.

Note: These colours apply only to that course and will not affect others.

Portal Colours

Portal Colours define the global branding and navigation experience across the platform.

Branding & Layout

Brand – Primary brand colour used across buttons, highlights, and accents
Body background – Background colour of course content pages
Header background – Background colour of the top header
Header text – Text colour used in the header area

Left menu background – Background colour of the navigation menu
Left menu text – Colour of menu item text
Left menu active text – Text colour of the currently selected menu item
Left menu active item background – Background colour of the selected menu item

Profile & Page Styling

Left menu profile block background – Background colour of the profile section
Left menu profile block text – Text colour within the profile section
Page header text – Colour used for page titles and headers

Course Colours

Course Colours control the visual appearance of individual courses and learner-facing content.

Set the Course Fonts (Change Font Style or Size)

You can define global font settings for your courses — also known as changing the font style, updating typography, or adjusting text size. These settings override default HTML styling and apply consistently across all courses.

Note: Font changes do not appear while editing a course page. They are visible in Preview mode and to learners viewing the course.

Choose a Font Family

Select a font family for your course theme using the Font Family dropdown. This font will be applied across headings and body text.

Configure Font Sizes

Set font sizes for H1, H2, H3, and paragraph (P) text using the dropdown menus.

Upload a Course Cover Image (Change Course Thumbnail)

You can upload or change a course cover image — also known as a course thumbnail or course banner image — at any time while creating or editing your course.

Go to Courses → My Courses and locate the course you want to update.

Click the pen (✏️) icon / Editor button on the course card to open the course editor.

Select an image from your computer. The image will upload and update automatically.

Course Cover Image Requirements

Format: JPG / JPEG or PNG recommended
Aspect ratio: 16:9 (e.g. 1280×720px or 1920×1080px)
Orientation: Horizontal (landscape), not square or vertical
File size: Under 1–2 MB for best performance
Hero and banner images: 1344 × 768 px minimum

Common questions this article answers

How do I personalise or change my course background?
How do I change the background colour of my course pages (body background)?
How do I change or upload my course cover image, banner, or thumbnail?