Theme Editor

The theme editor gives you visual controls to customize how your course looks. Change colours, fonts, spacing, and layout without writing any code.

Opening the theme editor

Open the theme editor from your course’s settings or management page. It opens as a full-page editor with a sidebar for navigation and a live preview of your changes.

Editor sections

The theme editor sidebar has seven sections:

Brand - upload a logo, set your colours, or pull both from a website
Fonts - choose heading and body typography
Layout - adjust border radius, spacing, and display options
Interactivity - control search, navigation, and the lesson progression gates
Questions - set defaults for knowledge checks and assessment behaviour
Templates - apply a pre-built theme preset
Custom CSS - write your own CSS overrides

Click a section in the sidebar to edit its settings. See the individual pages in this section for details on each.

Live preview

The editor shows a live preview that updates as you change settings. You can see how your colours, fonts, and layout will look in the finished course before publishing.

Saving changes

Changes auto-save as you work. There’s no manual save button needed - Slate saves your settings automatically after each change.

Content layout

The Layout section offers two player presets: Standard and Wide. Pick the one that fits the kind of content you’re authoring.

Preset	What it looks like	When to use
Standard (default)	Framed player with side gutters, a compact sidebar menu on the left, and a centred narrow text column.	Most text-forward courses, knowledge checks, and training where reading comfort is the priority.
Wide	Edge-to-edge player with a hamburger menu, full-bleed hero band at the top, and a centred reading column for prose.	Courses with rich media, galleries, hero imagery, large tables, or multi-column layouts that benefit from more horizontal room.

Wide mode keeps body text in a comfortable reading measure while letting images, videos, tables, and Layout blocks break out to use the full viewport width. Switch between the two at any time from the Layout section; learners see the change as soon as you republish the course.

Layout toggles

The Layout section also includes these display toggles:

Scroll Indicator - show a scroll-down arrow when lesson content overflows the viewport
Course Menu - show the lesson menu in the sidebar. Turn it off to hide the menu entirely. On single-lesson courses, hiding the menu also removes the Next and Back buttons, which suits a one-page course or a course embedded in another tool. On by default
Collapsible Sections - start each section in the course menu collapsed, so learners open a section to reveal its lessons. Useful for longer courses with many sections. This setting lives inside the course menu, so it stays disabled until Course Menu is on. Off by default
Exit Course Button - show an “Exit Course” button at the bottom of the sidebar when the course is viewed in an LMS. When a learner clicks the button, their progress is saved, the SCORM session is closed, and the browser tab is closed. If the LMS launched the course in the same tab (so the tab can’t be closed), a confirmation message is shown instead. The button lives in the menu footer, so it also needs Course Menu on. Disabled by default. Available on all plans

These toggles are saved with your default theme and preserved when importing or duplicating courses.

Interactivity

The Interactivity section controls how learners move through and engage with your course. Its toggles sit between the Layout and Questions sections in the editor sidebar:

Course Search - let learners search course content from the player menu. On by default
Locked Navigation - require learners to complete lessons in order before progressing
Require Lesson Completion - keep the Next button locked until the learner reaches the end of a lesson and answers all of its knowledge checks. Unanswered questions are flagged first, then the learner is prompted to scroll to the end. Pair it with Locked Navigation for fully sequential courses. Off by default
Require Interaction - extend Require Lesson Completion so learners must also engage with every interactive activity on the page before continuing: flip every flip card, open every accordion panel, view every tab, and step through every card carousel. Only top-level activities count, and activities that are already fully visible (such as a single-slide carousel) satisfy on their own. This toggle stays disabled until Require Lesson Completion is on. Off by default
Lesson Pacing - require learners to spend a minimum amount of time on each lesson before the Next button unlocks. You set the per-lesson minimums from a dialog in Course Overview. See Lesson Pacing below. Off by default

These settings are saved with your default theme and preserved when importing or duplicating courses.

Lesson Pacing

Lesson Pacing requires learners to spend a minimum amount of time on each lesson before the Next button unlocks. It is built for compliance training, where a course often has to last a guaranteed minimum duration.

Turn on Lesson Pacing in the Interactivity section, then open the Lesson Pacing dialog from the Set lesson pacing summary in Course Overview (it reads Enforced minimum once you’ve set some times). The dialog lists every lesson grouped by section, each with minutes and seconds fields, so you can set a different minimum for each lesson or leave a lesson unpaced. A running total shows the enforced minimum for the whole course, the figure most compliance requirements are based on. Edits save as you go.

In the player, the gated Next button shows a live countdown, such as “Available in 2:14”, until the lesson’s minimum time has elapsed. Time only counts while the lesson is open and visible on screen, so a learner cannot run out the clock in a background tab. Turning on Lesson Pacing also locks navigation, so learners cannot skip ahead to a later lesson before finishing the current one.

Cover, conclusion, and assessment lessons are excluded. Lesson Pacing works on its own and does not require Require Lesson Completion.

Questions

The Questions section controls assessment and knowledge check behaviour for the course. Assessment Autoscroll was previously part of the Layout section.

Assessment Autoscroll - automatically scroll to the next question after answering in assessment sections. Enabled by default. When disabled, the next question is still unlocked and focused for keyboard accessibility, but the page does not scroll.

Knowledge Check defaults

Course-wide defaults for standalone knowledge checks. Every knowledge check in the course inherits these settings. You can override them on individual blocks through the block editor’s Question settings in the three-dot menu.

Setting	Default	Description
Maximum attempts	Unlimited	Caps retries per question. When set to a number, such as 3, the question locks after that many wrong answers
Show general feedback	On	Shows or hides the author’s correct/incorrect feedback message after each submit
Show answer-level feedback	On	Highlights which options were correct after each wrong attempt
Reveal correct answer when locked	Off (MC/MS), On (FIB)	Shows the correct answer when the learner reaches the attempt limit
Eliminate wrong options	Off	Multiple choice only. Previously-wrong options stay marked and can’t be picked again

Theme presets

Save named theme presets and reuse them across courses. Presets capture everything in the theme editor: colours, fonts, layout, custom CSS, logo, and behavioural settings.

Presets have two scopes:

My Presets - saved to your personal account. Visible only to you. Available in every workspace you have access to.
Team Presets - saved to your team workspace and visible to every member. Only appear when you’re in a team workspace.

Saving a preset

Configure your theme settings across any section (Colours, Fonts, Layout, Templates, Custom CSS)
Click Save Theme in the header
Enter a name. When you’re in a team workspace, a Personal / Team scope toggle appears and defaults to Team so team work stays with the team by default. Picking Team also shows the hint “Visible to everyone in your team workspace.”
Click Save
To update an existing preset with your current settings, click Update next to it

Applying a preset

Click the menu button (three dots) in the header to open the preset picker
Pick a preset from the Team Presets section (in a team workspace) or My Presets. A search box and inline scroll handle larger libraries.
Click a preset name to apply it - a confirmation shows what will change

Setting a default

Click the star icon next to any preset in the picker to mark it as your default. New courses created in that workspace start with the default preset applied automatically.

Default themes are workspace-scoped:

A course created in your personal workspace uses your personal default preset.
A course created in a team workspace uses the team’s default preset and ignores your personal default entirely.

The default also applies through every course-creation entry point: the + New button, AI course generation (the Generate dialog shows which workspace default is being used), MCP create_course, and Slate for Canva conversion.

Setting the team default is admin-only. Any team member can save and manage their own team presets; only admins can decide which one is the team-wide default.

Limits

Scope	Free	Standard	Pro
Personal presets	1	10	10
Team presets	-	-	25 per team

Team presets are a Pro Teams feature; they require an active team workspace. Users who downgrade keep all existing presets but cannot create new ones beyond their tier’s limit.

Managing presets

Click Manage in Settings from the preset picker, or go to Settings > Branding directly. The Branding section has a Team Presets tab and a Fonts tab, and offers richer management than the in-editor menu: search, sort by recent or name, filter by All / Mine / per-creator, and per-row actions to rename, export, delete, or set as the team default.

Creator attribution is shown next to each team preset so anyone on the team can see who saved it. Admins can manage any team preset; non-admin team members can rename, export, or delete only the presets they saved themselves.

Export and import themes

Export your theme as a JSON file and import it into another course:

Export — click Export Theme from the menu to download a .json file
Import — click Import Theme from the menu and select a file. Choose to apply it directly or save it as a preset for reuse across courses

Theme export/import covers all theme settings: colours, fonts, spacing, layout mode, behavioural toggles, and custom CSS.