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.
7224 sites
196 fans

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

Show comments
  • Picture of nithy anand
    Mon, Dec 16, 2019, 1:44 PM
    Hi Josick,

    If you want to view the course full summary add the below css in the custom css (klass theme setting)

    .coursebox .content .summary .no-overflow {
    max-height: none;
    overflow: visible;
    display: block;

    Custom css path:
    Dashboard / Site administration / Appearance / Theme / klass / General / Custom css


    Remove the below css code in your style file (theme.css)

    Style file path:

    .coursebox .content .summary .no-overflow {
    max-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;

  • Picture of Andreas Grabs
    Mon, Dec 16, 2019, 5:18 PM
    thank you very much for this great theme!
    Is there a reason why the version in the git repository is behind the version here?
    Since I manage my plugins through git, I would appreciate it to be the same version.
    Best regards
  • Picture of Josick Guermeur
    Mon, Dec 16, 2019, 7:31 PM
    Thanks Nithy, I used the first solution custom css and it works fine.
  • Picture of Maria Grazia Berardo
    Mon, Jan 13, 2020, 5:36 PM
    I have a problem with formulas displayed by MathJax on desktop browser (Safari, Chrome, Firefox,...): formulas in quizzes appear with code
    i.e. \(x=1\)

    No problems with formula in pages/label/...
    No problems using iPad

    how con I fix?

  • Picture of Siddharth Patel
    Fri, Feb 14, 2020, 12:19 AM

    I have installed Klass theme in my moodle site [Version: Moodle 3.8 (Build: 20191118)].
    I want to show the slideshow on the dashboard beside the front page.
    And the way the courses are shown in the screenshot of the theme page, want to show categories instead.
    Thanks in advance
  • Picture of kebridon abulov
    Fri, Mar 20, 2020, 12:40 AM
    How to change slideshow speed?
  • Picture of Juan carlos Salazar torres
    Mon, Mar 30, 2020, 4:11 PM

    I would like to know ... How can I add the instagram icon in the GET SOCIAL footer ?.
  • Picture of Mahmoud Mahmoud
    Tue, Apr 28, 2020, 4:18 AM
    change favicon
  • Picture of Gimhana Jayasekara
    Mon, May 11, 2020, 7:43 AM
    Is there any way to change the bright blue colour pallet. Love the theme but the colours are too much bright to eyes.
  • Picture of Jose Pereira Justiniano
    Wed, May 20, 2020, 1:15 PM
    ¿Como puedo cambiar los titulos (INFO,CONTACTANOS,GET SOCIAL) del pie de pagina?
    Gracias de antemano
    muy buen tema
  • Picture of Giuseppe Rossini
    Sun, May 31, 2020, 7:50 PM
    Hello, I traslated theme_klass.php in Italian language. How may I import it into Moodle Klass Theme? If I modify theme_klass.php file into lang\en dir Moodle don't load this changes.
  • Picture of Irith Herman
    Sun, Jun 14, 2020, 5:30 PM
    I just installed the theme inmoodle 3.8 and I have 2 question: 1. where can I change the width of the columns in course frontpage ,the left column is too wide for me? 2. where can I change the > (fa-fa-right) I whant it to be fa-fa-down?
  • Picture of sonali tehcark
    Mon, Jul 6, 2020, 7:45 PM
    I have migrated moodle from one server to another but it is showing me the issue with the images of default klass theme
  • Picture of Sohail Farooqi
    Sat, Jul 11, 2020, 6:11 PM
    How can I control the speed of sliding images? Moreover is there any other transition effect available.
  • Picture of Claudia rodriguez
    Sun, Jul 26, 2020, 10:44 PM
    Can you change the titles (INFO, CONTACTANOS US, GET SOCIAL) of the footer?

    Thank you
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
Please login to post comments