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


  • 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
  • Picture of nithy anand
    Fri, Jul 5, 2019, 1:11 PM
    Hi Ingrid,

    You can change the "read more" button link in the theme setting.

    Goto Dashboard / Site administration / Appearance / Themes / Klass

    In Klass theme setting,

    Click slide show tab, then you can find the "slide link" option with a text box for the slide 1, slide 2, slide3

    Insert the new link for the "slide link" option and click "save changes" button
  • Picture of Josick Guermeur
    Sun, Jul 7, 2019, 4:14 PM
    I have Klass version 3.6.2 installed
    When I tried to upgrade from moodle 3.6.4 to 3.7 through softaculous script, I had the following error o, the admin page/
    Erreur de programmation détectée. Ceci doit être corrigé par un programmeur : page layout file [dirroot]/theme/klass/layout/ does not contain the main content placeholder, please include "<?php echo $OUTPUT->main_content() ?>" in theme layout file.
    The moodle restore from softaculous didn't work so I had to do a full account restore and so lost a few data from my moodle site.
    Everything is back to the original state, do you know from where comes this error?
    When I check for plugin updates in moodle, nothing about upgrading to Klass 3.7
Please login to post comments