Themes: Klass
theme_klass
Maintained by 
LMSACE 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.
4676 sites
4k downloads
179 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
- 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
Useful links
Screenshots
Contributors
LMSACE e-learning experts (Lead maintainer)
Please login to view contributors details and/or to contact them
You can change the "read more" button link in the theme setting.
Goto Dashboard / Site administration / Appearance / Themes / Klass
In Klass theme setting,
Click slide show tab, then you can find the "slide link" option with a text box for the slide 1, slide 2, slide3
Insert the new link for the "slide link" option and click "save changes" button
I have Klass version 3.6.2 installed
When I tried to upgrade from moodle 3.6.4 to 3.7 through softaculous script, I had the following error o, the admin page/
Erreur de programmation détectée. Ceci doit être corrigé par un programmeur : page layout file [dirroot]/theme/klass/layout/ does not contain the main content placeholder, please include "<?php echo $OUTPUT->main_content() ?>" in theme layout file.
The moodle restore from softaculous didn't work so I had to do a full account restore and so lost a few data from my moodle site.
Everything is back to the original state, do you know from where comes this error?
When I check for plugin updates in moodle, nothing about upgrading to Klass 3.7
I have Klass version 3.6.2 installed
When I tried to upgrade from moodle 3.6.4 to 3.7 through softaculous script, I had the following error o, the admin page/
Erreur de programmation détectée. Ceci doit être corrigé par un programmeur : page layout file [dirroot]/theme/klass/layout/ does not contain the main content placeholder, please include "<?php echo $OUTPUT->main_content() ?>" in theme layout file.
The moodle restore from softaculous didn't work so I had to do a full account restore and so lost a few data from my moodle site.
Everything is back to the original state, do you know from where comes this error?
When I check for plugin updates in moodle, nothing about upgrading to Klass 3.7
Thanks
Did you upgraded the klass theme version-3.7 in your latest moodle version.
There is no issue on the latest klass theme.
If you have modified in the theme file in your last version. Add your code in the latest klass theme.
If you can't fix the issue send a mail to:
info@lmsace.com
Regards,
M.Nithyanandan
Thus the problem I explained in detail in my first post.
Then a friend did the Moodle upgrade manually and I was then proposed in Moodle to upgrade the klass plugin to 3.7 which I did and everything is fine.
I think you should be more careful with upgrading priorities and that I should have been warned of the potential problem of upgrading to moodle 3.7 from an installation containing klass 3.6.2.
Regards
thank you Nithy Anand für your helpful answer.
With our update to moodle version 3.7 a new issue has arisen.
The dashboard now shows the pictures that are defined in the course. However, scaled to a fixed size and cropped. That doesn't fit anymore. My pictures have the dimension 300 x 200 px.
How can I adjust the dimension of the preview image in the CSS of Klass?
Best regards Ingrid Oelhoff
After upgrade to Moodle 3.8 I've this problem "Component was not valid: theme_klass" and I can't log in into Moodle
Any idea?
Thank you.
Fil
your post was good and useful for me. i hope that you continue publishing these series of contents. good luck.
Any idea?
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
--(or)--
Remove the below css code in your style file (theme.css)
Style file path:
Yourmoodlefolder/theme/klass/style/theme.css
.coursebox .content .summary .no-overflow {
max-height: 70px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
}
Regards,
M.Nithyanandan
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
Andreas
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?
Thanks!