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 Priscila Nunes
    Tue, Jan 3, 2017, 2:47 AM
    Is it possible to change the texts in English to Portuguese in this theme, even manually?
  • Frankie's the name, Moodle's my game!
    Tue, Feb 7, 2017, 3:22 PM
    Jadir. I have tried Dave Hope's "slider carousel with pause on mouseover" code. It works beautifully on both Chrome and Firefox for me. If you can furnish me with more details (what web browser are you using? did you edit the footer.php file correctly? etc.), I may be able to help you.
  • Frankie's the name, Moodle's my game!
    Tue, Feb 7, 2017, 3:30 PM
    Pat Webber (Sat, Nov 14, 2015, 12:53 AM) asked, "I am using the Klass theme and this is adding all new courses to the front page. I only want to show enrolled courses. I have tried to select this using front page settings in Moodle but this has not worked. Would you have any other suggestions that could help to resolve this." I have shared the answer to her question here: ('s theme forum). Enjoy.
  • Picture of Jessi Auslander
    Tue, Feb 14, 2017, 8:21 AM
    I've been fussing with my site all day trying to adapt to having our module in 2 languages. however, whatever I do, I cannot get the course titles to change while using this theme on the front page. Has anyone been able to fix this? Some people suggested changing some code but it looks like that was fixed in the last update. Any ideas on how to fix it? Please help
  • Picture of fred hunter
    Wed, Feb 15, 2017, 1:46 AM

    I recently downloaded this theme to use on my own moodle test site. Whenever I try to change the logo in the header, the graphic comes out either squashed vertically or stretched horizontally. I've tried editing the graphic to fit the suggested dimensions, but the same issue occurs. Any help? Also, how do I change the type face for the headings, it seems to be in a serif font like TNR, but I would prefer Arial, also the vertical spacing between the content headings seems to be quite close together, how do I adjust this? I've reverted back to my previous theme for now
  • Picture of Joao galvao
    Mon, Feb 20, 2017, 8:41 PM
    Thanks Dave for the answer, I was traveling so I could not access the forum. I actually access a Bitnami virtual server and I use Mac OS
  • Picture of Joao galvao
    Tue, Feb 21, 2017, 4:24 AM
    David I discovered how to access the moodle directory, I'm using Filezzila and Cotedit. I edited the slider script and the hover pause function and the five seconds to change the slide are working normally. The only problem is that to start the slider you have to click on the side button of the image. Any idea how to fix this? thank you
  • Picture of Gamaliel Martinez
    Thu, Apr 27, 2017, 12:22 AM
    Within the course I can not move the activities or resources, the button appears but does not work, but in the case of sections, they can be moved
  • Picture of ling yang
    Fri, Apr 28, 2017, 2:12 PM
    Very beautiful theme! I want to add show " Most active courses" Module below "New courses" Module,Thank you kindly for any help you can offer.
  • Picture of Gonzalo Montalvo
    Fri, May 5, 2017, 6:13 AM
    Nice theme, but I need to show the categories instead of the list of all the courses available in the Home page, I really appreaciate any help from you!
  • Picture of Mundabenj Zoran
    Tue, May 16, 2017, 9:48 PM
    Like, Gamaliel Martinez mentioned, I too can't reorder Items within Sections or Topics.
    There could be an issue with this the new 2017-04-24 (v1.4).
    Can anyone help resolve this please?
  • Ricardo Caiado
    Wed, May 17, 2017, 8:10 PM
    Installing available updates

    Debugging output enabled
    Downloading theme_klass ...
    -> /tmp/core_plugin/code_manager/distfiles/ ... OK
    Validating theme_klass ... Error
    [Error] Extracted file not found [{"file":"klass\/style\/"}]
    Installation aborted due to validation failure
  • LMSACE - E-learning development company , Moodle Experts
    Thu, May 18, 2017, 2:28 AM
    @Ricardo Caiado - kindly use the newer version klass 1.5.1 - we have fixed the installation and updated the source. Please send a mail to incase of any issues.

  • Picture of yi shi
    Fri, May 19, 2017, 5:34 AM
    can I change color of this site? Also, how to add images to courses so it could show the thumbnails on front page?
  • LMSACE - E-learning development company , Moodle Experts
    Fri, May 19, 2017, 4:32 PM
    @yi shi - to have your custom colors you must do the changes on this preset file : yourmoodle/theme/klass/scss/preset/theme.scss
    Once you done the changes,purge all the caches to see the new changes on your theme.

    To add your image for a course , edit the course you would like to change and upload your image on the field named as "Course summary files".

Please login to post comments