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

  • Filippo Caburlotto
    Fri, 2 Feb 2018, 6:34 PM
    Hi Everyone,
    I'm trying klass theme for our new Moodle 3.4. It works really fine, but I've a question.
    Via admin page is it possible to force the left collapsable menu to be closed when someone login?
    Thank you in advance.
    Fil
  • Frankie's the name, Moodle's my game!
    Sat, 3 Feb 2018, 7:39 AM
    My slider's slideshow does not work. It is stuck at the first image and will not transition to the next image. I am using Klass v1.3 (2016110400). Please help! BTW, is Klass Version 1.2 not available for download? It may help if I use an earlier version of Klass. My Moodle version is $version = 2013111811.00; $release = '2.6.11 (Build: 20150511)'; Need a little help here. Cheers, Frankie Kam.
  • Iron Man
    Thu, 15 Feb 2018, 8:36 PM
    There is one new 3.4 feature that is missing because of the Klass theme. I checked it on 2 moodle sites with klass theme ans activity navigation which is a real great improvement in Moodle 3.4 is not displayed with Klass. I reported the issue on github but no answer so far (it's been 10 days). Hope this comment will spark something.

    The missing feature is the activity navigation. (looks like hyperlinks are not possible in these comments) : docs.moodle.org/34/en/File:Docs_ActivityNavigationLinks.png
  • Filippo Caburlotto
    Wed, 28 Feb 2018, 12:10 AM
    Hi,
    how can I change the color of the previous and of the end button of the user tour? I tried to look into css but I can't find anythind about btn-secondary class.
    Thank you
  • L Defalco
    Mon, 12 Mar 2018, 12:28 PM
    For me, the user tour functionality isn't working properly. The tour buttons for are showing up blank with only the "next" button displays properly. Occasionally the boxes overlap each other as well. I am using Moodle 3.4 with Klass 3.4.0.5.
  • Skeeter Harris
    Thu, 15 Mar 2018, 11:04 PM
    Hello and Thank you for a very nice Theme for Moodle.

    I have two requests for the team on what I would like to know how to change.

    1. I would like to change the slider from 375 down to either 250 or 225 and I believe I need to change it in theme.scss but can't seem to find the right carousel id to make the change.
    2. How do I control the number of new courses that show up with the images on top top of the home page. We would like to limit it to the most recent 4 courses only.

    Thank you - Skeeter
  • Nithyanandan LMSACE
    Fri, 16 Mar 2018, 1:30 PM
    Hi Harris,

    #1. To change the slider height, add this line at last to your theme.scss file to overwrite.

    @media (min-width: 768px) {
    .carousel-inner .carousel-item {
    min-height: 250px;
    }
    }

    #2.
    Goto site administration -> Front page -> front page setting -> Maximum number of courses.

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

    Regards,
    M.Nithyanandan.
  • Mario Zappavigna
    Fri, 16 Mar 2018, 3:23 PM
    @nithy anand do you mean homepage settings? It doesn't work.
  • Skeeter Harris
    Fri, 16 Mar 2018, 8:49 PM
    Hi Mr Anand,

    Thank you so much for your response and I will apply this change to the slider solution you provide. WIth regard to the Front Page and number of new courses, I have set it to 4 but that does not work it shows all my classes at this time.

    Any thoughts on this?

    Again thank you for the guidance on the slider.

    Best wishes,

    Skeeter
  • Nithyanandan LMSACE
    Mon, 19 Mar 2018, 1:32 PM
    Hi Harris and Mario,

    The frontpage setting is Moodle default setting, so it will work without any issue.
    Also, I have checked once again and its working fine.

    Please check once again the path I have informed.

    Path:
    Goto site administration -> Front page -> front page setting -> Maximum number of courses.

    FYI,
    The value should be typed in the text box in the maximum number of courses.

    Do not select the value from the select box (dropdown), it is the Maximum category depth.

    Regards,
    M.Nithyanandan.
  • Arun Dakshinamurthy
    Wed, 21 Mar 2018, 8:13 PM
    Hi Nithyanandan,

    In an earlier post (to change slider height) you ask to add css codes to theme.scss. However, I only find a field called theme_klass | customcss under the General tab in Klass. Are they the same?
  • Nithyanandan LMSACE
    Thu, 22 Mar 2018, 12:51 PM
    Hi Arun,

    Yes, you can add the css code in the custom css for the slider height.

    Regards,
    M.Nithyanandan
  • Arun Dakshinamurthy
    Thu, 22 Mar 2018, 5:01 PM
    Hi Nithyanandan,

    I added the following code (from your previous post) to the custom css field, but there is no change in the slider height.

    @media (min-width: 768px) {
    .carousel-inner .carousel-item {
    min-height: 250px;
    }
    }

    Can you please let me know where I might be going wrong.
    Thanks
  • Skeeter Harris
    Thu, 22 Mar 2018, 8:52 PM
    Hi Nithy,

    So I went back to Administration/Front Page and found the setting for maximum number of course which was set to 100. Changed it to 4 but nothing has happened. Should I try to clear cache or something for this to take affect?

    Thanks - Skeeter
  • Skeeter Harris
    Thu, 22 Mar 2018, 8:53 PM
    Hello Arum and Nithyanadan,

    What I had to do for the CSS for the slider was to actually drop it into the custom CSS field within the Klass theme itself, once I did that it worked fine for me.

    Skeeter
Please login to post comments