In this section we will discuss how to change the default colors of the Learning Mode templates so they are better fit with your site’s brand.
Important note: While this tutorial aims to help you create a template, we can’t assist with the customization of our products, nor can we help troubleshoot, modify or debug custom code, or officially endorse third-party customization solutions, as per our support policy. We do provide some customization guidelines; however, these are for reference/guidance only, and we cannot guarantee that they will always work as expected.
You can change the colors in the Site Editor by editing the Learning Mode templates. The quickest way to open the Site Editor for the Learning Mode template would be to navigate to Sensei LMS > Settings > Appearance.
The active Learning Mode template will have a Customize button when you hover over it:
Clicking it will open the Site Editor for the currently active Learning Mode template.
Note: If your template looks wonky, you may need to restore it to its default state by clicking the W logo in the top left corner > Editor > Templates. Locate Lesson (Learning Mode) and click the three dot menu on the right. Then click Reset (this may appear differently if you’ve changed the view on the Templates page):
To update the colors in the Site Editor you need to open the Styles tab and then click Colors:
Once you open the Colors settings you can change three colors that are related to Learning Mode templates:
- Background – Allows you to change the overall background color of the Learning Mode.
- Text – This will let you update the color of the text in Learning Mode.
- Links – This is the color for links and buttons in Learning Mode. It’s also the color of the progress bar in the header.
Here is how changing the colors would look:
Keep in mind that these are your theme’s colors. They may be different depending on the specific theme you’re using.
Don’t forget to press Save after you’re done customizing your colors!