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
I think I did what you did too, but couldn't see any change. Meanwhile I have been playing around with the following code from Mary Evans:
.carousel-inner .item {
min-height: 385px;
}
.carousel-overlay-content {
width: 100%;
height: 385px;
}
I do see some difference, but not what I actually want. I need about 1/3 of the default slider height. When I fiddle around with the numbers above, I could get about 20% reduction in slider height, but not beyond that, no matter what numbers I changed in the above code. I also tried resizing my slides, but to no avail.
I don't have an answer yet but figure out what I think the disconnect is on the Number of Courses on the home page and what I and a few others have been asking.
on the home page of the theme you have a section listed as NEW COURSES and then the section below is MY COURSES. What I am trying to change is the section at the top called NEW COURSES. If I follow your directions about going into front page and change number of courses that works but it changes the MY COURSES section and not the listing of new courses at the top of the theme on home page. You can see my installation here - http://ascomuniversity.com
So my question goes back to how to I change that section to only show me the 4 most recent new courses that have been created in the LMS?
Thank you - Skeeter
Here is the code to fix the slider height, add this code in the custom css.
@media (min-width: 768px) {
.carousel-inner .carousel-item {
min-height: auto;
max-height: 250px;
}
.carousel-overlay-content {
height: 250px;
}
}
Regards,
M.Nithyanandan.
Since I can not get the New Course section to work on the home page with the theme is there anyway to just turn off the New Courses Section all together?
Thanks - Skeeter
My slideshow does not work. It is stuck at the first image and there is no transition to the next image (Moodle 3.2).
Thank you very much
Daniel
Does the theme work in version 3.4.2?
Could you please let me know how to change the Klass theme font and color? Because we want to apply our branding style in Moodle, Currently the red color in heading and topic is not suitable for us. We currently can not touch the core.css file because IT department control that. Is there any global setting in Moodle we can use? Thanks.
You can write the css to change the color in the klass theme setting,
Site administration -> Appearance -> klass -> General -> custom css
To change the font:
You have to add the font file in this folder,
Path: Yourmoodle\theme\klass\fonts
Change the font name in the css file and you can write the font-family css in the custom css or in the css file.
Regards,
M.Nithyanandan.
After I updated for Moodle 3.5, my Klass Theme is not good in the top page!
Can you see this in: treinamentodefranquias.com.br
after the upgrade to the last version, same problem here!
The top of the page is really not good
We are fixing the issues related to the header alignment and we will update the theme today or tomorrow.
Sorry for the inconvenience.
Thanks,
LMSACE.