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
    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?
  • Picture of nithy anand
    Mon, Oct 8, 2018, 3:06 PM
    Hi Josick,

    Reorder the course once again in course management and check, its working fine.

    To show number of courses on the frontpage,

    Goto -> Dashboard -> Site administration -> Front page settings -> Maximum number of courses

    Select the number of course to display on the frontpage course list.


  • Picture of Josick Guermeur
    Mon, Oct 8, 2018, 4:55 PM
    When I reorder the courses in course management, it doesn't change anything to the course images, their order is still different
    Maximum nuber of course is already set to default which is 200.
    To summarize: I have 9 courses in 2 categories
    All appear on frontpage as an ordered list under the 2 categories.
    Only 8 appear under slidewhow as images and not in the same order than the list
    In the menu under User's cours only 5 out of 7 appear, under visitor's course 2 appear which is normal.
    What might be the problem?
  • Picture of Luca Rosati
    Tue, Oct 9, 2018, 2:41 AM

    how can I remove Readmore Links under Courses blocks?
    Thank you in advance
  • Picture of Mathieu Domingo
    Thu, Oct 18, 2018, 8:36 PM
    I'm actually trying to upgrade to Moodle3.5 using Git but I can't get the last version of your plugin on your github :
    Can you add a new branch with the new code ? sourire

  • Picture of Alvaro Enrique González González
    Tue, Nov 13, 2018, 2:47 AM
    Hi, I have a problem with the image carousel. Custom images do not fit the size of the phone's screen. In portrait mode, the width of the image exceeds the screen, but in landscape mode it fits perfectly. What should I do?
  • Picture of nithy anand
    Tue, Nov 13, 2018, 1:10 PM
    Hi Alvaro,

    The bootstrap carousel is used in the klass theme. In mobile screen (portrait screen), the image will be cut off some parts to fit inside the screen.

    The image should be minimum 1366px and 385px (width and height) for the carousel. If the image size is small it will stretch the image to fit the screen.

Please login to post comments