How to configure the Modern Theme in eLearning

In this tutorial you will learn how to configure the Modern Theme in eLearning.

  • CREATE ELEARNING

Step 1:

  1. Choose : “Modern” in the dropdown
  2. Choose your “Font Family” in the dropdown
    • Choose the “Font Size” in the dropdown
    • Choose the “Background Color”
    • Choose the “Text Color”
    • Choose the “Button Background Color”
    • Choose the “Button Text Color”

Step 2:

  1. If you want to show the Module Names on the main page of the eLearning, enable it here
  2. Upload all your images according to the various sizes for the main page
  3. Upload your “Favicon” here
    • 16 x 16px or 32 x 32px is best

Step 3:

  1. When done, click “Save”
    • You have now changed the theme for the main page, but still need to change the images for each Module and Lesson as per Step 4 and 5

Step 4:

  • Scroll to Modules & Lesson
  1. Click on the pencil to edit

Step 5:

  1. Make sure the Module is enabled if you want to make it visible
  2. Add your images for the Module and Module background according to the sizes given
  3. When done, click on “Edit Module”

Step 6:

  1. Go to the lesson and click on the pencil to edit

Step 7:

  • Make sure the Lesson is enabled if you are going to make it visible
  1. Upload the “Lesson Image” as per the size given and click “Save”
  • Example of a Modern Theme