Up next
The video did not load.
Lesson 5 of 10 · 1:17
Fix what didn't carry over
From Move to the new Template Editor · Verified against the live product on Nov 3, 2026
This lesson
The banner lists what didn't come across. Work through it item by item.
Prefer to read? Follow it step by step
Moments in this lesson
Length 1:03
Up next · 1:03
6. Check your custom CSS and code
Your custom CSS comes across word for word. Update the selectors written for the classic class names.
Transcript
- 3:06Not everything can come across on its own, and the banner lists what didn't.
- 3:11I'll open the list.
- 3:12The first item is just a note.
- 3:14A script from the footer moved into Script injections, because custom HTML in the new editor doesn't run scripts.
- 3:21We'll check it in the next chapter.
- 3:23The second is the text of the custom "page not found" message.
- 3:27In the new editor, you set it under the gear icon in the left menu... in Localization.
- 3:33One change isn't on the list.
- 3:35In the classic editor, Northwind's menu links opened in a new tab.
- 3:39Here, they open in the same tab.
- 3:41I'll open Navigation.
- 3:43Every link came across as an Internal link.
- 3:45For System status, I'll set Kind to External link... and it opens in a new tab again.
- 3:51The draft also starts with standard dark mode colors.
- 3:54To use your own, open Theme... and scroll down to Dark mode.
- 4:00A few classic settings have no direct match, like some footer and listing colors.
- 4:04The article "What carries over to the new template editor" lists every one.
- 4:09And if your classic design is heavily customized, you don't have to work through it alone.
- 4:14Our team can help you move it.
- 4:15Click Need help?
- 4:16in your dashboard... or email support at helpcenter dot io.
Captions and this transcript come from the narration, word for word. Click any line to play from there.
About the course
Bring your classic design across, check what changed, and publish when you're ready. Your visitors see nothing until then.
What you'll learn
- What the new template editor adds, and what stays exactly the same
- How to start the move with Try the new editor, and why it's safe
- What comes across from your classic design on its own, in every language
- How to fix what doesn't, and update custom CSS written for the classic design
- How to preview every page at every size, and in dark mode
- Publishing the switch, restoring an earlier version, and switching back
- Who it's for
- Help centers still on the classic template editor.
- Format
- 10 lessons, 7:56 in all. English captions and a full transcript.
- Last verified
- Nov 3, 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.
-
Move your help center to the new template editor self.helpcenter.io/content/move-to-the-new-template-editorGoes with these lessons
-
Which template editor does my help center use? self.helpcenter.io/content/which-template-editorGoes with
-
What carries over to the new template editor self.helpcenter.io/content/what-carries-over-to-the-new-template-editorGoes with these lessons
-
Custom CSS reference: selectors and examples self.helpcenter.io/content/custom-css-referenceGoes with
-
My custom CSS doesn't work self.helpcenter.io/content/custom-css-not-workingGoes with
-
Preview on phones, tablets and in dark mode self.helpcenter.io/content/preview-your-designGoes with
-
Publish your design self.helpcenter.io/content/publish-your-designGoes with
-
Switch back to the classic template editor self.helpcenter.io/content/switch-back-to-the-classic-editorGoes with
-
Contact HelpCenter.io support self.helpcenter.io/content/contact-supportGoes with