Themes: Klass

Maintained by LMSACE - E-learning development company , Moodle ExpertsLMSACE e-learning experts
Klass is fully responsive and coded with the latest techniques in HTML5 and CSS3,so it will work on all devices, all browsers, and it does it all seamlessly.Just download and make your e-learn website modern.
7488 sites
199 fans
Current versions available: 9

Klass Theme Version 3.8

A new Modern Responsive moodle theme ‘Klass’ has been released for your online e-learning websites. This is very very modern theme suitable for your school / college / university and other online educational websites. , This theme is fully responsive meaning your readers can enjoy viewing your site on a android / ios / all devices for a seamless experience. 

Support   Live demo   Report issue

Change log:

22/11/2019: v3.8.0.1

  • Fixed custom CSS in the theme setting.

20/11/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

15/11/2018: v3.5.3

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

17/05/2018: v3.5.2

  • Upgraded to support Moodle 3.5.2

12/05/2018: v3.5

  • Upgraded to support Moodle 3.5

29/12/2017: v3.4.0.4

  • fixed js file missing issues

14/11/2017: v3.4.0.3

  • fixed css issues

13/11/2017: v3.4.0.2

  • fixed css issues

10/11/2017: v3.4.0.1

  • Upgraded to support Moodle 3.4

17/05/2017: v1.5.1

  • Fixed installation issues
16/05/2017: v1.5

  • Upgraded to support Moodle 3.3
  • fixed css issues

24/04/2017: v1.4

  • Upgraded to support Moodle 3.2.2+

04/11/2016: v1.3

  • Upgraded to support Moodle 3.1.2+
  • Removed hard coded texts and added language strings for those

28/12/2015 : v1.2

  • Upgraded up to 3.0.1

03/08/2015 : v1.1

  • Added new logo for the theme
  • Theme settings provided for frontpage "Who we are" section
  • Theme settings provided to modify  links in "INFO" block on footer section
  • Theme settings provided to change social media links in "Get social" block on footer section
  • Theme settings provided to change copyright information on footer section

12/07/2015 : v1.0

  • Initial release


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


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


  • LMSACE - E-learning development company , Moodle Experts
    Fri, May 18, 2018, 10:06 PM
    Hi Filippo and Marcelo,

    We are fixing the issues related to the header alignment and we will update the theme today or tomorrow.

    Sorry for the inconvenience.

    Sun, May 20, 2018, 3:55 AM
    LMSACE, thanks so much!
    Now is perfect!
  • Picture of Filippo Caburlotto
    Mon, May 21, 2018, 4:37 PM
    Thank You! Now it works really good!
  • Picture of Carlos Camacho
    Mon, May 21, 2018, 5:23 PM
    How to install this themes? I'm new so I don't know where should I extract the files!
  • Picture of nithy anand
    Tue, May 29, 2018, 1:57 PM
    Hi Carlos,

    Please refer the link below to install the new theme in your moodle.

  • Picture of Kassie Phillips
    Mon, Jun 11, 2018, 3:57 PM
    Hello, is there a way to display only enrolled courses to logged in users and nothing at all to non-logged in users? Have changed this in the Front Page settings but it has no affect. Thank you.
  • Picture of Wessie Van Der Westhuizen
    Mon, Jun 11, 2018, 4:07 PM
    Hi There -
    My theme background colour for my KLASS Theme is black.

    I am having trouble to see my students names at the top of the Annotated PDF Feedback form because their display colour is also black. Is there a custom css that I can load to change the colour for the Display colour of the Students names, the Assignment Name etc. to lets say a light grey?
  • Picture of nithy anand
    Tue, Jun 12, 2018, 1:17 PM
    Hi Kassie,

    The Front page settings is default moodle setting to display or hide the courses block in Homepage. You can set which courses to display before and after the user logged in.

  • Picture of Ryan Best
    Mon, Jun 18, 2018, 9:15 AM
    Hi Nithy,

    I'm trying to locate the documentation for customizing the Klass theme and the link to download the documentation is dead. Can you refer me to where the docs are located?

  • Picture of oliver stearn
    Tue, Jun 19, 2018, 7:29 PM
    I have been eagerly awaiting this latest v3.5 version. It looks great too!
    The version number seems to be wrong though, it is 2018051900, whereas I suspect it should be 2018061900 ;)
  • LMSACE - E-learning development company , Moodle Experts
    Tue, Jun 19, 2018, 7:50 PM
    @oliver stearn :

    Thanks for your comments , we have checked the plugin version number (2018051900) , there is no error in it.
    We have updated the plugin on May 19 2018 smile
  • Picture of oliver stearn
    Tue, Jun 19, 2018, 8:47 PM
    @LMSACE e-learning experts
    Okay, thats weird, I thought it was released this morning. My v3.4 had a higher version number than my v3.5.
  • Picture of Tom Smith
    Fri, Jun 29, 2018, 7:20 PM
    Hi, using Klass (latest version - with moodle 3.5]; I notice that check boxes in many pages - eg 'Quick grading', 'Show only active enrollments' of the 'options' section of 'view all assignments' on an 'assignment' activity, but many other checkboxes around the site, the check box is overlapping its associated text. Is this normal? I notice that checkboxes that look corrupted do NOT have the CSS class "form-check-inline fitem", whereas ones that look OK DO have this class
  • Picture of Yusuf Yilmaz
    Mon, Jul 9, 2018, 6:55 PM
    Hi there,

    Thank you for your awesome work. While working latest version of Moodle 3.5.1 and Klass theme I have bumped into a css bug. input[type="checkbox"] {
    width: auto;
    margin: 0 5px;
    This causes missalignment of the checkboxes. Resulting checkboxes are over the labels. Can you look into it if it is possible. When the margin unchecked via developer inspect tool, everything is normal. So maybe useful fot the others to share the solution with it. Thank you in advance. Best regards
  • Picture of Ingrid Oelhoff
    Mon, Jul 23, 2018, 4:57 PM
    Hi there, can someone help me on how to add content to the link READMORE located within the slider of the frontpage?
    Thanks in advance for help.
Please login to post comments