Klass

Themes ::: theme_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.
Latest release:
5991 sites
1k downloads
241 fans
Current versions available: 14

Klass Theme Version 4.2

A new Modern Responsive moodle theme ‘Klass’ has been released for your online e-learning websites. This is a 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 android/ios / all devices for a seamless experience. 

 The Klass theme has been discontinued, and its style has been incorporated as a preset within the Academi theme!

We have multiple themes to manage. The process of reviewing each version upgrade, addressing bugs, and ensuring compatibility with the latest Moodle release is time-consuming, leading to delays in the themes' release. As a result, we decided to stop upgrading the eGuru, Klass, and Enlightlite themes after Moodle version 4.2. However, we have integrated the Klass theme style as a preset, along with additional features, into the Academi theme. In the future, we plan to release new presets with additional features and improvements.


Support   Live demo   Report issue



Change log:

01/08/2023: v4.2

  • Upgraded to support Moodle version - 4.2

25/01/2023: v4.1

  • Upgraded to support Moodle version - 4.1

05/05/2022: v4.0

  • Upgraded to support Moodle version - 4.0

21/05/2021: v3.11

  • Upgraded to support Moodle version - 3.11

30/11/2020: v3.10

  • Upgraded to support Moodle version - 3.10

22/06/2020: v3.9

  • Upgraded to support Moodle version - 3.9

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 a new logo for the theme
  • Theme settings are provided for frontpage "Who we are" section
  • Theme settings are provided to modify  links in the "INFO" block on the footer section
  • Theme settings are provided to change social media links in the "Get Social" block on the footer section
  • Theme settings provided to change copyright information on the footer section

12/07/2015: v1.0

  • Initial release


Screenshots

Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4
Screenshot #5
Screenshot #6
Screenshot #7
Screenshot #8

Contributors

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

Comments

  • Sergio Renato Aldana Alvarez
    Thu, 2 Nov 2017, 12:55 PM
    How can I change title font?
  • John Francis Jr Faustorilla
    Mon, 20 Nov 2017, 8:38 PM
    I am encountering the same problem with the activitity / resource where I cannot move them (drag and drop). I can do it though for course blocks.

    Hope you can share how this can be solved. I tried doing what Nithy suggested but it does not work for me.
  • Sunday Olaoye
    Thu, 23 Nov 2017, 11:14 PM
    Please, can we change the colour of the theme to green?
  • Nithyanandan LMSACE
    Fri, 24 Nov 2017, 1:32 PM
    Hi Olaoye,

    Go to the scss file

    Path:
    yourmoodle/theme/klass/scss/preset/theme.scss

    Change the hex color value for this variables:

    Primary color (light blue):
    $color_cerulean_approx: #009fe5;

    Secondary color (brown):
    $color_thunderbird_approx: #c02424;

    third color (dark-blue):
    $color_allports_approx: #0073a5;
  • Çağlar MERSİNLİ
    Fri, 24 Nov 2017, 6:35 PM
    could you have forgotten bootstrap-carousel.js in the javascript folder for Klass Theme Version 3.4.0.4
  • Sunday Olaoye
    Sat, 25 Nov 2017, 12:31 AM
    thanks! nithy anand
  • Wessie Van Der Westhuizen
    Wed, 29 Nov 2017, 3:36 AM
    Hi All, I am wondering - how can I change the image/format of the box that shows the courses on the default dashboard. Currently I am just getting the standard circle with three dots icon and a blank box on the Courses section of the course overview on the dashboard.
    Many thanks
  • Rekha C
    Fri, 1 Dec 2017, 8:08 PM
    How can I remove or change the 1) Background banner which appears on the login page (shows a low quality
    playground and few children) - the link is 2) The same image appears on as a banner on each course page. The image is sourced from the above link, but indirectly, as the link is not in Klass files.
  • Guido bei der Arbeit
    Sun, 10 Dec 2017, 11:26 PM
    what happend to the source control URL link?
    Are you interested to get pull requests with bugfixes?
  • Ezequiel Villanueva
    Fri, 29 Dec 2017, 7:35 AM
    Where can I change the bootstrap in the class theme, so when the user select Spanish will change to Spanish and not stay in English?
  • Johny Bravo
    Fri, 29 Dec 2017, 4:20 PM
    How to change resolution of slider?
  • Tyler Collier
    Sat, 30 Dec 2017, 6:46 AM
    I'm probably completely overlooking where to do this. We have about 15 courses available. However, the front page will only display 8 "available courses"... How can I increase this number such as shown in the Demo?
  • Nithyanandan LMSACE
    Tue, 9 Jan 2018, 2:45 PM
    Hello Tyler,

    Goto Administration -> frontpage setting -> Maximum number of courses.

    You can set the value to show the number of courses to display on your front page.

    Regards,
    M.Nithyanandan.
  • Gaz Logtens
    Fri, 12 Jan 2018, 11:29 PM
    Hi Everyone,
    Ive moved all the files into themes and when I access the admin page I am told "Moodle 2017102500 failed".
    can any one help?

    Thank.
  • Tyler Collier
    Tue, 30 Jan 2018, 10:34 PM
    Hi @Nithy, My setting is currently at the default 200, but my front page only shows 8.
Please login to post comments