Moodle plugins directory: Klass | Moodle.org
Klass
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.
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
- 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
- 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
Useful links
Screenshots
Is there any way for the image to adjust the size of the page?
Please look this: https://moodle.org/mod/forum/discuss.php?d=378494
Fixed the login token security issue in the theme for the moodle ver-3.1, 3.3, 3.4, 3.5
On Moodle version 3.6 there is a problem with the page footer. Please update for this version.
Thanks a lot.
We are happy to inform you that the klass theme for the moodle latest version -3.6 has been released.
Please inform us, if you have any issue in the latest klass theme. It will be helpful for us to fix the issue in the theme.
How to get rid of the learn more link under the pictures of the course.
Thanks
Here i have shared the style line to hide the "read more" link from the course block in the front page.
.fp-coursebox .readmore {
display: none;
}
You can add this style in the custom css in the theme setting (or) in the style file in theme folder.
Custom css path:
Dashboard > Site administration > Appearance > Theme > Klass > General > custom css.
Style file path:
Yourmoodle/theme/klass/scss/preset/theme.scss
Add the style line in the end of your style file.
Regards,
M.Nithyanandan.
Currently I am using Klass 3.5, and 3.5 moodle,
But i cant find Docking button in my block,
Please assist.
Is it possible to change the color header?
Thank you.
Add the css below line in the custom css in your theme setting,
.header-main .header-main-content {
background: #000000; /* Change the color hex code */
}
Custom css path:
Dashboard / Site Administration / Appearance / Themes / Klass.
In klass theme setting,
General > Custom CSS and click the "save changes " button.
If you want to change the top header add this line below,
#header {
background: #000000 !important; /* Change the color hex code and !important is must in this line*/
}
FYI,
If you want to add the css line in your theme style file,
Path:
Yourmoodle / theme / klass / scss / preset / theme.scss
Add the above css line in the end of the style file and also clear the theme cache.
To clear the cache,
Dashboard / Site Administration / Development / Purge all caches .
And click the "Purge all caches" button.
Regards,
M.Nithyanandan.
Currently I am using Klass 3.5, and 3.5 moodle,
But i cant find Docking button in my block,
Please assist.
How do i set Enrolled course appear in the custom menu/Menu Bar
Thank you.
I have Moodle version 3.4.7 but I have installed the klass version for V1.4.0.1 (2018052800). The drag and drop action between my activities does not seem to work? I can move the sections (collapsed topics) but I can't move or arrange the activities inside of them, the move crosshair next to the activity does nothing when I click on it/will not even move when I click and drag.
Any suggestions?
The klass theme version - V1.4.0.1 is for the moodle version - 3.2
There is klass theme version - v3.4.0.6 (2018052800) for the moodle version - 3.4.
You can download and upgrade the latest source theme ver-3.4.0.6 in your moodle.
And the drag and drop is fixed in the latest source.
Regards,
M.Nithyanandan