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.
4676 sites
179 fans
Current versions available: 8

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


  • Picture of Issa Mchongoma
    Tue, Jan 22, 2019, 6:06 PM

    How do i set Enrolled course appear in the custom menu/Menu Bar

    Thank you.
  • Picture of Wessie Van Der Westhuizen
    Wed, Jan 30, 2019, 11:57 PM
    Hi all,

    I have Moodle version 3.4.7 but I have installed the klass version for V1.4.0.1 (2018052800). The drag and drop action between my activities does not seem to work? I can move the sections (collapsed topics) but I can't move or arrange the activities inside of them, the move crosshair next to the activity does nothing when I click on it/will not even move when I click and drag.

    Any suggestions?
  • Picture of nithy anand
    Fri, Feb 1, 2019, 2:36 PM
    Hi Wessie,

    The klass theme version - V1.4.0.1 is for the moodle version - 3.2

    There is klass theme version - v3.4.0.6 (2018052800) for the moodle version - 3.4.
    You can download and upgrade the latest source theme ver- in your moodle.

    And the drag and drop is fixed in the latest source.

  • Picture of Ali Ahmadian
    Sat, Feb 9, 2019, 6:26 AM
    how can i add a linked course description icon (i) near the "Read more" text in course box in front page.
    whit best regards
  • Picture of Paul Williams
    Wed, Feb 20, 2019, 5:32 AM
    How do you set the speed of the sliders on the Home Page. They race by and I cannot find a setting anywhere. Thanx!
  • Picture of Paul Williams
    Wed, Feb 20, 2019, 5:33 AM
    How do you set the speed of the sliders on the Home Page. They race by and I cannot find a setting anywhere. Thanx!
  • Picture of Ralph Jones
    Sat, Mar 2, 2019, 12:47 AM
    I would like to change color variables, such as $color_thunderbird_approx generally. Can I do this via the custom css interface, or will I need to edit the theme.scss file?
  • Picture of nithy anand
    Sat, Mar 2, 2019, 1:18 PM
    Hi Ralph,

    To change the color of the variable. You have to modify the color in the theme.scss file.

  • Picture of Jose Marcio Lacerda
    Mon, Mar 4, 2019, 5:00 AM
    gostei muito do tema , e sugiu um conflito ou estar bloqueado , quando vou no administração do site - aparencia , aparece que e estar bloqueado , e fica flutuando o meno contatos e quando vou fazer a alteração e nao consigo mexer em nada do administração do site , aguardo se for possivel
  • Picture of Jose Marcio Lacerda
    Mon, Mar 4, 2019, 5:05 AM
    meu painel de administração do site estar bloqueado , e aparece um menu flutuante e nao consigo alterar nada , aguardo
  • Picture of nithy anand
    Mon, Mar 4, 2019, 1:07 PM
    Hi Jose,

    What is you moodle version?
    Also check your klass theme version.
    If the klass theme lower version (version-3.5) is installed in the moodle latest version (version-3.6), the issue appear in the header and footer blocks.

    Check the theme version and upgrade with the latest version, if it is in lower version.

  • Picture of Roberto Di Stadio Pereira
    Sat, Apr 6, 2019, 10:01 PM
    how to make the Instagram icon in place of some other social network, how do I do it? Thank you for your help. como colocar o icone do instagram no lugar de outro no rodapé nas redes sociais.
  • Don
    Fri, Apr 26, 2019, 4:23 AM
    Klass is a Boost child, therefore I assume it is Bootstrap not bootstrapbase and will function properly after Moodle 3.7 is released. Correct?
  • Picture of Carlos Jacobs
    Tue, May 7, 2019, 9:02 PM
    Do you have an ETA for a release supporting moodle 3.6.3?
    Thank you VERY much
  • Picture of Ingrid Oelhoff
    Thu, Jul 4, 2019, 3:57 PM
    Hello, is it possible either to delete the "Readme" button on the slider picture of the front page or insert text to its link.
    Right now users are klicking the button and are getting nowhere. Thanks for help. Ingrid
Please login to post comments