Theme Editor

The theme editor gives you visual controls to customize how your course looks. Change colors, 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 six sections:

• Colors - set your primary, primary text, hover, and border colors
• Fonts - choose heading and body typography
• Layout - adjust border radius, spacing, and course behaviour toggles
• 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 colors, 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 centered 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 centered 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 includes behavioural toggles that control how learners interact with your course:

• Scroll Indicator - show a scroll-down arrow when lesson content overflows the viewport
• Course Search - enable or disable the search feature in the player sidebar
• Locked Navigation - require learners to complete lessons in order before progressing
• 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. Disabled by default. Available on all plans

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

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

1. Configure your theme settings across any section (Colors, Fonts, Layout, Templates, Custom CSS)
2. Click Save Theme in the header
3. 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.”
4. Click Save
5. To update an existing preset with your current settings, click Update next to it

Applying a preset

1. Click the menu button (three dots) in the header to open the preset picker
2. Pick a preset from the Team Presets section (in a team workspace) or My Presets. A search box and inline scroll handle larger libraries.
3. 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.