Up next
The video did not load.
Lesson 3 of 13 · 1:07
Start from a theme
From The Template Editor · Verified against the live product on Oct 20, 2026
This lesson
Browse the Theme gallery, compare a theme with your design, and choose which parts to apply.
Prefer to read? Follow it step by step
Moments in this lesson
Length 0:25
Up next · 0:25
4. Your brand
Site name and tagline, your logo, a logo for dark mode, the favicon, and how you look in search results.
Transcript
- 1:43The quickest way to change the whole look is to start from a theme.
- 1:47I'll open the Theme gallery.
- 1:49Northwind uses Compass, the theme marked active.
- 1:52Below it, there are more to choose from... some built for documentation, some for support teams, and a few made for specific industries.
- 2:07Let's try Aurora Support.
- 2:09I'll click Compare and apply.
- 2:12Before anything changes, the editor asks which parts of the theme you want.
- 2:16Brand is unticked, so your logo and name stay exactly as they are...
- 2:20and you can untick anything else you'd like to keep, too.
- 2:24I'll click Apply theme.
- 2:26And there it is.
- 2:28A completely different look... with the same content.
- 2:31And remember, it's still only a draft.
- 2:34I'd like to stay with Compass for this video.
- 2:37Undo can't take back a whole theme...
- 2:39but nothing here is published yet, so I'll click Reset draft.
- 2:43It throws away every unpublished change... and we're right back with Compass.
Captions and this transcript come from the narration, word for word. Click any line to play from there.
About the course
Make your help center look exactly the way you want: themes, colors, pages, components and your own HTML.
What you'll learn
- Where the Template Editor is, and how the preview, settings and drafts work
- How to try a theme, keep what you like, and go back with Reset draft
- Brand, colors, fonts, spacing and corner radius
- The six page types, their layouts and regions, and how components fit together
- Select to edit: change text right in the preview
- Custom HTML, plus custom CSS that follows your theme's colors
- Header links, mobile and dark mode checks, publishing and version history
- Who it's for
- Anyone who owns the look of a help center, from a first-day trial to a redesign.
- Format
- 13 lessons, 10:35 in all. English captions and a full transcript.
- Last verified
- Oct 20, 2026, on the live product with the Northwind demo help center
- Plans
- Everything in this course works on every plan.
Articles
Every lesson pairs with a help article, so you can read the steps at your own pace.
-
Get started with the template editor self.helpcenter.io/content/template-editorGoes with these lessons
-
Choose a theme self.helpcenter.io/content/choose-a-themeGoes with
-
Which theme is right for you? self.helpcenter.io/content/theme-galleryGoes with
-
Add your logo, favicon and brand name self.helpcenter.io/content/logo-and-brandGoes with
-
Change colors, fonts and spacing self.helpcenter.io/content/colors-and-fontsGoes with
-
Pages, regions and shared headers explained self.helpcenter.io/content/pages-and-regionsGoes with
-
Add, move and remove components self.helpcenter.io/content/componentsGoes with
-
Edit text right in the preview self.helpcenter.io/content/edit-in-previewGoes with
-
Customize the article page self.helpcenter.io/content/article-pageGoes with
-
Add custom CSS self.helpcenter.io/content/custom-cssGoes with
-
Custom CSS reference: selectors and examples self.helpcenter.io/content/custom-css-referenceGoes with
-
Add links to your header and footer self.helpcenter.io/content/navigation-linksGoes with
-
Customize the header and footer self.helpcenter.io/content/header-and-footerGoes with
-
Preview on phones, tablets and in dark mode self.helpcenter.io/content/preview-your-designGoes with
-
Light and dark mode self.helpcenter.io/content/dark-modeGoes with
-
Publish your design self.helpcenter.io/content/publish-your-designGoes with
-
Restore an earlier design self.helpcenter.io/content/restore-a-designGoes with