Course Theme
You can change how a course looks: its colours, fonts and cover image. Set defaults for every course in Theme Settings, change one course from the course itself, or set colours and fonts before the AI builds the course.
Plan requirement: Setting course colours and fonts for all courses, and changing the colours of a single course, are available on Pro and above. You can change a single course's fonts on every plan. Compare plans.
For video walkthroughs, see the Coursebox YouTube video library.
Set colours and fonts for all courses
Click the dropdown (▼) next to your profile icon and select Theme Settings. Set course colours on the Colors tab under Course Colors, and a global font family for your portal on the Font tab. See Platform Theme.
Change the theme of one course
Open the course in the editor and click Course settings (the gear icon) in the top toolbar. On the course's About page, you can also click Theme (the palette icon).
Click Colors, then click the colour circle next to an option and choose a colour.
The options are:
Primary color: the main accent colour, used for navigation, highlights and interactions.
Background color: the background of the course pages.
Heading color: headings H1 to H6.
Body text color: paragraph text.
Link color: hyperlinks.
Course overview banner color and Course overview banner text color: the banner at the top of the course overview page.
Course overview page background color and Course overview page text color: the rest of the course overview page.
These colours apply to this course only.
Quiz buttons use your portal Brand colour. Quiz buttons such as Submit don't follow the course Primary color. They use the Brand colour in Theme Settings → Colors → Portal Colors, which is available on Pro and above. On Free and Creator, quiz buttons keep the default colour. See Platform Theme.
Click Font. To start from a preset size, choose Compact, Standard or Large. Reset goes back to the default.
Under Course fonts, choose a Heading font and a Body font.
Under Text sizes, set the Size (px) and Line height for each style, from Body text to the heading levels, with the − and + buttons. The Preview updates as you go.
The course fonts and type scale also apply to the course overview page. Font changes show in Preview and to learners, not while you're editing a page.
To change the font or size of specific text inside one block, highlight the text in the editor and use the block's own toolbar. See Edit a Course.
Set colours and fonts before the AI builds a course
Use a Course Setup to get your branding right on the first generation and reuse it on every new course.
On the What will you create? page, click Auto setup below the prompt box.
Choose a saved setup, or click New setup.
In the Theme section, set your course colours and fonts.
Click Save as setup to reuse them, for example one setup per client or brand.
You can still change the colours and fonts after the course is generated. See Create a Course using AI.
Upload a course cover image
The cover image, also called the course thumbnail, shows on the course card and the course page.
Open the course page from Courses.
Click the edit icon in the bottom-right corner of the cover image.
Choose an image from your computer. It uploads and updates straight away.
Cover image requirements:
Format: JPG, JPEG or PNG
Aspect ratio: 1:1 (for example 1024 × 1024 px), at least 400 × 400 px
File size: under 1 MB for best performance