Themes: Klass

Maintained by LMSACE - E-learning development company , Moodle Experts LMSACE 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.
4176 sites
155 fans
Moodle 2.6, 2.7, 2.8, 2.9, 3.0, 3.1

Klass Theme Version 3.5

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:

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

Show comments
    Sun, 20 May 2018, 3:55 AM
    LMSACE, thanks so much!
    Now is perfect!
  • Picture of Filippo Caburlotto
    Mon, 21 May 2018, 4:37 PM
    Thank You! Now it works really good!
  • Picture of Carlos Camacho
    Mon, 21 May 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, 29 May 2018, 1:57 PM
    Hi Carlos,

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

  • Picture of Kassie Phillips
    Mon, 11 Jun 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, 11 Jun 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, 12 Jun 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, 18 Jun 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, 19 Jun 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, 19 Jun 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, 19 Jun 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, 29 Jun 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, 9 Jul 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, 23 Jul 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.
  • Picture of nithy anand
    Wed, 1 Aug 2018, 1:17 PM
    Hi Ingrid,

    You can Replace the READMORE text for the slider in the lang file.

    Lang file Path:

    Your moodle \ theme \ klass \ lang \ en \ theme_klass.php

    Open the php lang file and search $string['readmore'] = "ReadMore";

    Replace the text with READMORE with double quotes and clear the purge cache.

    To clear pure cache:

    Dashboard / Site administration / Development / Purge all caches .

    Click the purge all cache button and refresh the klass theme frontpage.

1 2 3 4 5 6 7 8 9 10 11 12 13 14
Please login to post comments