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.
4429 sites
171 fans
Current versions available: 7

Klass Theme Version 3.7

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:

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


  • Picture of Çağlar MERSİNLİ
    Fri, Nov 24, 2017, 6:35 PM
    could you have forgotten bootstrap-carousel.js in the javascript folder for Klass Theme Version
  • Picture of Sunday Olaoye
    Sat, Nov 25, 2017, 12:31 AM
    thanks! nithy anand
  • Picture of Wessie Van Der Westhuizen
    Wed, Nov 29, 2017, 3:36 AM
    Hi All, I am wondering - how can I change the image/format of the box that shows the courses on the default dashboard. Currently I am just getting the standard circle with three dots icon and a blank box on the Courses section of the course overview on the dashboard.
    Many thanks
  • Picture of Rekha C
    Fri, Dec 1, 2017, 8:08 PM
    How can I remove or change the 1) Background banner which appears on the login page (shows a low quality
    playground and few children) - the link is 2) The same image appears on as a banner on each course page. The image is sourced from the above link, but indirectly, as the link is not in Klass files.
  • Guido
    Sun, Dec 10, 2017, 11:26 PM
    what happend to the source control URL link?
    Are you interested to get pull requests with bugfixes?
  • Picture of Ezequiel Villanueva
    Fri, Dec 29, 2017, 7:35 AM
    Where can I change the bootstrap in the class theme, so when the user select Spanish will change to Spanish and not stay in English?
  • Picture of Johny Bravo
    Fri, Dec 29, 2017, 4:20 PM
    How to change resolution of slider?
  • Picture of Tyler Collier
    Sat, Dec 30, 2017, 6:46 AM
    I'm probably completely overlooking where to do this. We have about 15 courses available. However, the front page will only display 8 "available courses"... How can I increase this number such as shown in the Demo?
  • Picture of nithy anand
    Tue, Jan 9, 2018, 2:45 PM
    Hello Tyler,

    Goto Administration -> frontpage setting -> Maximum number of courses.

    You can set the value to show the number of courses to display on your front page.

  • Picture of Gaz Logtens
    Fri, Jan 12, 2018, 11:29 PM
    Hi Everyone,
    Ive moved all the files into themes and when I access the admin page I am told "Moodle 2017102500 failed".
    can any one help?

  • Picture of Tyler Collier
    Tue, Jan 30, 2018, 10:34 PM
    Hi @Nithy, My setting is currently at the default 200, but my front page only shows 8.
  • Picture of Filippo Caburlotto
    Fri, Feb 2, 2018, 6:34 PM
    Hi Everyone,
    I'm trying klass theme for our new Moodle 3.4. It works really fine, but I've a question.
    Via admin page is it possible to force the left collapsable menu to be closed when someone login?
    Thank you in advance.
  • Frankie's the name, Moodle's my game!
    Sat, Feb 3, 2018, 7:39 AM
    My slider's slideshow does not work. It is stuck at the first image and will not transition to the next image. I am using Klass v1.3 (2016110400). Please help! BTW, is Klass Version 1.2 not available for download? It may help if I use an earlier version of Klass. My Moodle version is $version = 2013111811.00; $release = '2.6.11 (Build: 20150511)'; Need a little help here. Cheers, Frankie Kam.
  • Iron Man
    Thu, Feb 15, 2018, 8:36 PM
    There is one new 3.4 feature that is missing because of the Klass theme. I checked it on 2 moodle sites with klass theme ans activity navigation which is a real great improvement in Moodle 3.4 is not displayed with Klass. I reported the issue on github but no answer so far (it's been 10 days). Hope this comment will spark something.

    The missing feature is the activity navigation. (looks like hyperlinks are not possible in these comments) :
  • Picture of Filippo Caburlotto
    Wed, Feb 28, 2018, 12:10 AM
    how can I change the color of the previous and of the end button of the user tour? I tried to look into css but I can't find anythind about btn-secondary class.
    Thank you
Please login to post comments