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.
4613 sites
177 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 Skeeter Harris
    Fri, Apr 6, 2018, 1:08 AM
    Hi Guys,

    Since I can not get the New Course section to work on the home page with the theme is there anyway to just turn off the New Courses Section all together?

    Thanks - Skeeter
  • Picture of Daniel Avon
    Sun, Apr 8, 2018, 6:59 AM
    My slideshow does not work. It is stuck at the first image and there is no transition to the next image (Moodle 3.2).
    Thank you very much
  • Picture of Adilson Miguel Silva
    Fri, Apr 13, 2018, 10:43 PM
    For those who would like to change the logo size in header, as the instructions in logo input at the theme configuration are misleading, the solution is changing line 4618 in scss file 'theme.scss' (path: \theme\klass\scss\preset\theme.scss) where it reads ' max-width: 170px' to the width you would like your logo to be. The height you make your logo will be respected by the system, so it doesn't matter it is 200x80, 300x100, 400x80. The drawback is that the higher the logo, the higher the header will be and the links on the right side will be aligned to the top, not the middle. In my case, I changed max-width from 170 to 600, just have some margin for errors, and uploaded an image of 400x127. It worked perfectly.
  • Picture of Designer Gráfico INAP
    Thu, Apr 26, 2018, 8:34 AM
    Good evening.

    Does the theme work in version 3.4.2?
  • Picture of Steven Jiang
    Wed, May 9, 2018, 7:59 AM
    Hi Nithy:
    Could you please let me know how to change the Klass theme font and color? Because we want to apply our branding style in Moodle, Currently the red color in heading and topic is not suitable for us. We currently can not touch the core.css file because IT department control that. Is there any global setting in Moodle we can use? Thanks.
  • Picture of nithy anand
    Wed, May 9, 2018, 3:25 PM
    Hi Steven,

    You can write the css to change the color in the klass theme setting,

    Site administration -> Appearance -> klass -> General -> custom css

    To change the font:

    You have to add the font file in this folder,

    Path: Yourmoodle\theme\klass\fonts

    Change the font name in the css file and you can write the font-family css in the custom css or in the css file.


    Fri, May 18, 2018, 8:04 AM
    After I updated for Moodle 3.5, my Klass Theme is not good in the top page!
    Can you see this in:
  • Picture of Filippo Caburlotto
    Fri, May 18, 2018, 3:55 PM
    after the upgrade to the last version, same problem here!
    The top of the page is really not good
    Fri, May 18, 2018, 9:02 PM
    Yeah! And now?
  • 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.
Please login to post comments