How to customize the layout and branding?
We all know that content is the king. Yet, the way your mini-course looks is also a part of your communication and branding. In order to make mini-courses more coherent with your marketing needs, you can customize the layout with various options. These options include various layout themes, fonts, font sizes, colored backgrounds and other choices related to appearance. You can add your logo to your mini-courses for branding as well.
You can customize either an already existing course or a new course from the beginning. Let's see how easy it is! ✅
Click the settings icon, which is located in the upper right corner, to see features about layouts and customization.
💡 Theme settings
From Flat to Sprinkle, Mini Course Generator provides 11 different presets of themes for you. These presets are already designed with their font settings, color options, and various card&backround options. You can pick one of the themes with a color option. For example, for Flat theme there are 6 color options. After you pick a color, you can preview each preset.
After you decide on a preset, you may leave it as it is or continue to customize your format further by clicking the "Edit Current Settings" button.
🔑 Theme presets are provided for your ease. Yet, it is not necessary to pick a theme initially. You can start to customize your mini-course directly by clicking the "Edit Current Settings" button. These settings include several options regarding fonts, backgrounds, card options, etc.
Font Settings
Color Settings
You can choose different colors for your background, card background and buttons.
Background Image
If you prefer to have an image in your mini-course's background, you can upload one from the background image section.
A default image is already uploaded for certain presets with background patterns like Circles or Rectangle Light. You may change it as you like.
Card Alignment
Card Layout
Here, you can adjust the placing of the next buttons.
Card Stretch
There are 3 options for card stretch: narrow, medium and wide. Narrow stretch is functional especially for mini-courses which are intended to be viewed on mobile devices in the first place.
💡 Advanced settings
You can add your logo and custom CSS & JS codes in this section.
Adding Logo
You can upload your logo directly from your device. The image can be square or horizantal. PNG, JPG and JPEG are supported formats. We recommend the image size to be less than 1 MB for fast upload.
The logo you add will be visible in the end-user interface, placed in your mini-course's upper left corner on desktop and mobile.
Custom CSS & JS Code
Head Script and Body Script fields enable you to add custom CSS or JS codes for various purposes like adding an analytics platform, a monitoring tool, live chat, discussion forum, etc. For instance, it is possible to include tools like Google Analytics and Facebook Pixel in your mini-course via these fields.
Don't forget to save your settings before preview!
🔑 To keep the admin interface simple and easy-to-use, the changes you make in the layouts will be visible in the end-user interface only.
-----
Was this helpful? Please let us know if there is anything unclear for you so that we can improve this tutorial. 🧑💻
(By the way, this page is prepared with Mini Course Generator itself! Together with many other use cases, Mini Course Generator is the perfect tool to prepare help center articles and also get feedback from your customers directly from your article and hence optimize your content accordingly.)