How to use membership themes

OverviewStep 1:Choose a system themeStep 2:Customize your themeStep 3 :Apply or save your themeInstructor details, Favicon, and Logo:OverviewYou can now customize the feel of your product pages using handpicked themes.Themes help you establish a custom brand identity and experience.The customizations allow you to add a variety of styles to the products. Check out the help article below for more info on how to customize your memberships.Step 1: Choose a system themeCreating a product will by default select the classic theme, but we provide different system themes to choose from to best match your digital product with your personal brand!Keep in mind that each Theme will provide a different look, feel, and overall experience for your MembersHow to select a themeSelect the Product you wish to apply a themeClick CustomizeTheme gallery is the placeholder for system themes which is part of this release and user-created themes (My Themes) will be coming in subsequent releases. Theme gallery allows users to apply a theme or customize an existing theme.Step 2: Customize your themeCustomize the product page of the themeIn the theme, gallery click on customize to open the customizations builder.Customize the theme settings.To customize the sections of your page, simply click into the Section you would like to edit in the sidebar editor on the left-hand side. Once you have clicked inside of a section, you can see all of the different customization options laid out.The following set of properties can be changed under theme settings1.Primary Color -This Applies to Button, Top Icons, Lesson Progress, Course Title, Category Title, Lesson title, Instructor Title2.Secondary Color -Instructor Name, Instructor Description, Lesson Description, Category Description, Button Text3.Primary Font -This Applies to Button, Top Icons, Lesson Progress, Course Title, Category Title, Lesson title, Instructor Title4.Secondary Font -Instructor Name, Instructor Bio, Lesson Description, Category Description, Button Text5.Logo placement -It decides if the logo will be placed in the header or hero sectionThe following set of properties can be changed under SectionsHeader:Navigation:Sites-Membership-Products-Customize-GalleryCustomizeSections—HeaderBackground:Background color pickerAlignment:Can be left, Right or CenterHeroNavigation:Sites-Membership-Products-Customize-GalleryCustomizeSections—HeroSize:Extra Small, Small, Medium, LargeCourse Title:Font, AlignmentCourse Description:Font, AlignmentBackground:Image-Size Dev team, Transparency, Color PickerButton:Content, Font, BG Color, AlignmentLesson ProgressNavigation:Sites-Membership-Products-Customize-GalleryCustomizeSections—LessonProgressBackground:ColorFontProgress Color:ColourCourse BodyNavigation:Sites-Membership-Products-Customize-GalleryCustomizeSections—Course BodyCategory Font:TypeSizeColourSub Category Font:TypeColourSizeCategory Description Font:TypeColourSizeLesson Font:TypeColourSizeLesson Description Font:TypeColourSizeBackground:ImageColor, TransparencyInstructorNavigation:Sites-Membership-Products-Customize-GalleryCustomizeSections—InstructorBackground:ColorHeading Font:ColourTypeSizeName Font:ColourTypeSizeTitle Font:ColourTypeSizeBio Font:ColourTypeSizeThe following set of properties can be changed under Sections in Lesson page:Lesson Body:Navigation:Sites-Membership-Products-Customize-GalleryCustomizeLessonSections—Lesson BodyBackground:Background colorTitle:Font typeFont ColourDescription:Font TypeFont ColourButton:ContentColourFont TypeFont ColourNext Lesson:Background ColourTitle:Font,ColourNext Lesson Button-Colour,Font Type,Font ColourLesson title:Font Colour Course Navigation:Background ColourCategory:Font Type,Font ColourLesson: Font Type,Font ColourHighlight:Colour,Font ColourBread Crumb:Font Type,Font ColourNext Category:Background Colour,Font Type,Font Colour InstructorNavigation:Sites-Membership-Products-Customize-GalleryCustomizeSections—InstructorBackground:ColorHeading Font:Colour