When you create a Product, the default theme will be the “Classic” theme. However, you may choose other options to match your digital product to your personal brand.
Choose the Product you wish to apply a theme for
Click “Customize” from the menu options.
Pick your theme from the gallery.
Within the gallery, click “Customize” to open the builder for customization.
Choose your theme settings.
If you wish to customize a specific section of the page, click into the Section in the sidebar editor on the left hand side. Within the Section, you can see all the customization options.
Here are some of the things you can change under theme settings:
Primary color: buttons, top icons, lesson progress, titles
Secondary color: instructor name, descriptions, button text
Primary font: buttons, top icons, lesson progress, titles
Secondary font: instructor name, descriptions, button text
Logo placement: whether the logo will be placed in the “header” or “hero” section
Here are some of the things you can change under Sections:
Header: background (color), alignment
Hero: size, course title, description, background, button
Lesson Progress: background (color), font, progress color
Course Body: category and subcategory fonts, description and lesson fonts, background
Instruction: background, fonts
Keep in mind that if a section is customized after the theme setting is changed, the section customization will override the theme setting.
NOTE: If you click “Save Changes” then the changes will be reflected in the preview. “Reset to default” will change all settings back to the default values of the chosen theme.
Once you’ve chosen a theme and made any customizations, you will need to save and apply the changes.
Click “Save Theme” or “Apply Theme” in the top right corner for your customizations to take effect.
“Save Theme” allows you to save the theme for global use (think of it as a template you can reuse for other products in FIOHS). If you click “Save Changes” the changes will only be saved in the Product you are working on at the time.
“Apply Theme” allows you to apply a theme to the product.
NOTE: Here are a few notes about saving themes and customizations:
If you customize a template and save it for global use, it won’t retroactively save other products already using that theme. When you apply that theme again to a product moving forward, the new changes will start reflecting.
By clicking “Save Changes” for a theme not applied to a product, that theme will be updated with the changes, and can be used in that same product later. It will not change the global properties of the theme.
When you use the “Apply” button for a theme, it will be applied to the selected product, and any other customization you’ve done within that product won’t automatically save globally.
You may save a customized theme at the product level. When customizing the theme, you can save it as a draft without actually applying it to a product. By clicking “Save Changes” the theme will be stored as a draft, which can be applied later to the particular product.
