Themes: Enlightlite

Maintained by LMSACE - E-learning development company , Moodle ExpertsLMSACE e-learning experts
Enlight Lite is a beautiful and fully responsive Moodle theme well suited for Universities,Schools & Online learning websites.
2378 sites
48 fans
Current versions available: 7

Enlightlite Theme Version 3.7

Enlight Lite is designed to be a fully responsive layout, it will make your site have amazing look on different screen resolutions such as: Desktop, Tablets and Mobile phones.This is one of the best options to reach the customers who use smart devices.

Support   Live demo   Report issue

Change log:

07/12/2019: v3.8

  • Upgraded to support Moodle version - 3.8

20/05/2019: v3.7

  • Upgraded to support Moodle version - 3.7

26/01/2019: v3.6.2

  • Upgraded to support Moodle version - 3.6.2

29/12/2018: v3.6.1

  • Upgraded to support Moodle version - 3.6.1

28/12/2018: v3.6

  • Upgraded to support Moodle version - 3.6.1

15/11/2018: v3.5.3

  • Fixed the login token security issue in the theme for the moodle ver-3.5 latest.
  • Fixed the login token security issue in the theme for the moodle ver-3.4 latest
  • Fixed the login token security issue in the theme for the moodle ver-3.3 latest


Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4
Screenshot #5


LMSACE - E-learning development company , Moodle Experts
LMSACE e-learning experts (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS


  • Picture of nithy anand
    Fri, Jan 18, 2019, 2:11 PM
    Hi Tina,

    Add this below css code in the enlightlite theme setting,

    @media (min-width: 992px) {
    #site-header .header-main .course-link .custom-dropdown-menu {
    left: 0;
    right: 0;
    padding: 0 20px;

    In path:

    Dashboard / Site Administration / Appearance / Theme / Enlightlite




    In the theme scss file,
    Yourmoodle / theme / enlightlite / scss / preset / enlightlite.

    add the code in the end of the line.

  • Picture of Tina Smith
    Sat, Jan 19, 2019, 6:31 AM
    Again, thank you for your time! I really appreciate it! I tried this code as directed, and sadly, it only made the drop down menu wider, I still have the problem of the menu disappearing the second I hover over it (so I cannot select anything on it). You can see it here: The courses menu is what I am referring to.
  • Picture of nithy anand
    Sat, Jan 19, 2019, 1:28 PM
    Hi Tina,

    Thanks for sharing the site URL. It help me to figure out the issue.
    It happens because of the logo height is small (Not a image problem).

    Just add the below line in the same code,

    @media (min-width: 992px) {
    #site-header .header-main .course-link .custom-dropdown-menu {
    top: 135px;

    FYI, Don't remove the code I have shared yesterday,
    The full width helps the course menu to be stay in a fixed position.

    If the code is removed and when you have only one category the menu position will be at the right side away from the course link and you will have the same issue (menu disappearance).

  • Picture of Tina Smith
    Sun, Jan 20, 2019, 5:08 AM
    That worked! Thank you so much for taking the time to help me! I really appreciate it!!
  • Picture of Jorge Vela
    Sat, Feb 9, 2019, 3:08 AM
    Which is the difference between this free version and the paid version? what can and can't modify?
  • Picture of nithy anand
    Sat, Feb 9, 2019, 1:12 PM
    Hi Jorge,

    The free version has the theme color with little feature on the theme.

    The paid version of the theme has some additional features on the frontpage, theme color design, course page design, login page design, etc

  • Picture of nithy anand
    Wed, Feb 20, 2019, 1:02 PM
    Hi lê hà,

    Can you tell me in which page your getting the language error?
    Because the multi lang will work in Moodle Themes by default.
  • Picture of Eman I.S
    Tue, Mar 5, 2019, 5:22 PM
    Is there any way to show the course description along with the course name in frontpage?
  • Picture of Parvathi M
    Thu, Mar 21, 2019, 8:37 PM
    Hi need a help in this theme setting, i dont want to display my courses in the front page, once login only all my courses needs to be visible. and i want to change the favicon into customized one in the browser tags
  • Picture of nithy anand
    Mon, Mar 25, 2019, 12:30 PM
    Hi Parvathi,

    Here the option to change the frontpage setting:

    Go to Dashboard / Site administration / Frontpage / Frontpage settings

    In Front page settings,

    Change "List of course" to none in the "Frontpage" option.

    And change "List of course" to "Enrolled course" in the "Front page items when logged in" option.

    To change "Fav icon":

    Goto theme folder:

    yourmoodle / theme / enlightlite / pix / favicon.

    Replace your favicon in the pix folder path.

  • Picture of Kingsley Okei
    Tue, Mar 26, 2019, 7:40 PM
    Hello nithy anand,

    I am currently using the Lite version of the "enlight" theme and I'm trying to change the Color Scheme of my site from the pre-defined blue to a darker shade of blue which I want to define via CSS or something. How can I achieve this? Please help. its urgent.
  • Picture of nithy anand
    Wed, Mar 27, 2019, 12:37 PM
    Hi Kingsley,

    To change the color of the enlight theme,

    Style folder path:

    Yourmoodle / theme / enlightlite / scss / preset

    Open "enlightlite.scss" and "pattern-default.scss"

    Change the hex value for the variable "$color_picton_blue_approx"

    save it and clear the theme cache.

    To clear the cache:

    Goto Dashboard / Site Administration / Development / purge all cache

    Click "Purge all caches" button.


  • Picture of Kingsley Okei
    Wed, Mar 27, 2019, 9:37 PM
    Hi nithy,

    Thank you so much for your help. I implemented the changes as you directed and I was able to change the color of all the sections except the section bearing the "Contact Info". That section still retains the original color. Please, what selector should I target in those files in order to change the "Contact Info" Section of the site, as the "$color_picton_blue_approx" selector doesn't alter its color?

    Thank you again for your help. I really appreciate.
  • Picture of Kingsley Okei
    Fri, Mar 29, 2019, 3:06 PM
    Hello Nithy,

    Never mind, I've sorted the issue out.

    Thanks again.
  • Picture of richard clason
    Wed, Apr 3, 2019, 12:06 AM
    on the course navigation I created 5 course categories on the Drop down menu

    however the system only every picks 4 at random to display

    is there an option to get the system to show all 5
Please login to post comments