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.
4698 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 oliver stearn
    Tue, Jun 19, 2018, 7:29 PM
    I have been eagerly awaiting this latest v3.5 version. It looks great too!
    The version number seems to be wrong though, it is 2018051900, whereas I suspect it should be 2018061900 ;)
  • LMSACE - E-learning development company , Moodle Experts
    Tue, Jun 19, 2018, 7:50 PM
    @oliver stearn :

    Thanks for your comments , we have checked the plugin version number (2018051900) , there is no error in it.
    We have updated the plugin on May 19 2018 smile
  • Picture of oliver stearn
    Tue, Jun 19, 2018, 8:47 PM
    @LMSACE e-learning experts
    Okay, thats weird, I thought it was released this morning. My v3.4 had a higher version number than my v3.5.
  • Picture of Tom Smith
    Fri, Jun 29, 2018, 7:20 PM
    Hi, using Klass (latest version - with moodle 3.5]; I notice that check boxes in many pages - eg 'Quick grading', 'Show only active enrollments' of the 'options' section of 'view all assignments' on an 'assignment' activity, but many other checkboxes around the site, the check box is overlapping its associated text. Is this normal? I notice that checkboxes that look corrupted do NOT have the CSS class "form-check-inline fitem", whereas ones that look OK DO have this class
  • Picture of Yusuf Yilmaz
    Mon, Jul 9, 2018, 6:55 PM
    Hi there,

    Thank you for your awesome work. While working latest version of Moodle 3.5.1 and Klass theme I have bumped into a css bug. input[type="checkbox"] {
    width: auto;
    margin: 0 5px;
    This causes missalignment of the checkboxes. Resulting checkboxes are over the labels. Can you look into it if it is possible. When the margin unchecked via developer inspect tool, everything is normal. So maybe useful fot the others to share the solution with it. Thank you in advance. Best regards
  • Picture of Ingrid Oelhoff
    Mon, Jul 23, 2018, 4:57 PM
    Hi there, can someone help me on how to add content to the link READMORE located within the slider of the frontpage?
    Thanks in advance for help.
  • Picture of nithy anand
    Wed, Aug 1, 2018, 1:17 PM
    Hi Ingrid,

    You can Replace the READMORE text for the slider in the lang file.

    Lang file Path:

    Your moodle \ theme \ klass \ lang \ en \ theme_klass.php

    Open the php lang file and search $string['readmore'] = "ReadMore";

    Replace the text with READMORE with double quotes and clear the purge cache.

    To clear pure cache:

    Dashboard / Site administration / Development / Purge all caches .

    Click the purge all cache button and refresh the klass theme frontpage.

  • Picture of Josick Guermeur
    Thu, Sep 27, 2018, 12:39 AM
    Remind me How do I change the picture of a course on the frontpage?
  • Picture of nithy anand
    Thu, Sep 27, 2018, 1:58 PM
    Hi Josick,

    Here the path to change the course image,

    - Dashboard / Site administration / Courses / Manage courses and categories

    Select the "category" on the left side block and "courses" will be displayed on the right block.

    Click the "edit" icon (gear) for the course to edit and the page reload to the "Edit course settings" page.

    Change the image in "Course summary files" on "Description Tab" and click save button.
  • Picture of Josick Guermeur
    Thu, Sep 27, 2018, 5:50 PM
    Thanks a lot for your fast and efficient answer. Two more questions
    Do you have somewhere a complete documentation of the plugin?
    I'm still using Klass v1.1 for moodle 2.9.1 2015070600 which works fine on Moodle 3.5. I didn't uprgrade the plugin as I did on first install some code modifications like in theme.css in style, in course_renderer.php, etc... to adapt it perfectly.
    If I upgrade to klass 3.5, will I lose these modifications or is there a way I could keep them easy?
  • Picture of Josick Guermeur
    Sun, Sep 30, 2018, 11:53 PM
    Hello nithy anand
    No answers to my last post and questions?
  • Picture of Victor Santos
    Mon, Oct 1, 2018, 5:18 PM
    How do I get rid of NEW COURSES on frontpage ? I have nothing selected to show on Front page settings but it still appears. Thank you
  • Picture of nithy anand
    Tue, Oct 2, 2018, 12:45 PM
    Hello Josick,

    Don't have the klass theme documentation.

    If you have modified the theme, do not upgrade the theme without backup.
    Upgrade your theme and you have to add the modified code in the latest version files.

  • Picture of Josick Guermeur
    Thu, Oct 4, 2018, 12:15 AM
    Thanks a lot
    Another question then:
    In the list of courses on the frontpage they appear in the order I give in administration..course...manage...etc...
    But the course images on top of the page seem to be in a random order. How can I organise them so the order correspond to the one of the list of courses?
  • Picture of Josick Guermeur
    Thu, Oct 4, 2018, 12:51 AM
    And two other problems appeared as I added two courses.
    I have a total of 9 courses and only 8 appear in the course images
    Also in the menu on top the new courses do not appear. How do I deal with the menu?
Please login to post comments