Themes: Klass

Maintained by LMSACE - E-learning development company , Moodle Experts LMSACE Moodle 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.
2691 sites
123 fans

Klass Theme Version 1.5.1

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. 

For live demo, please visit :

Support email :

Change log:

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
Screenshot #5
Screenshot #6


LMSACE - E-learning development company , Moodle Experts
LMSACE Moodle Experts (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Frankie's the name, Moodle's my game!
    Tue, 7 Feb 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, 7 Feb 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, 14 Feb 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, 15 Feb 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, 20 Feb 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, 21 Feb 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, 27 Apr 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, 28 Apr 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, 5 May 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, 16 May 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, 17 May 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, 18 May 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, 19 May 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, 19 May 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".

  • LMSACE - E-learning development company , Moodle Experts
    Fri, 19 May 2017, 4:35 PM
    @Mundabenj Zoran

    FYI - we have updated the klass theme , kindly use the latest version Klass 1.5.1 this will solve your sorting issue you faced on course detail page.
1 2 3 4 5 6 7 8 9
Please login to post comments