Using Membership Themes allows you to enhance your members’ experience while honing your brand identity. You  can customize your product pages by section, and choose between handpicked, customized themes.

Step 1: Choose A Theme

  • 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.

Step 2: Customize The Theme

  • 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.

Step 3: Apply and Save Your 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 Freedomkit). 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.