Themes: Klass

theme_klass
Maintained by LMSACE - E-learning development company , Moodle Experts 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.
3715 sites
7k downloads
132 fans

Klass Theme Version 3.4.0.4

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. 

For live demo, please visit :  klass.lmsace.com

Support email :  info@lmsace.com




Change log:


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 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


Screenshots

Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4

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

Show comments
  • Picture of nithy anand
    Sat, 19 Aug 2017, 2:44 PM
    HI Jessi,

    Add this css style at last line in your scss file.

    File Path:

    yourmoodle/theme/klass/scss/preset/theme.scss


    Style:

    .editing .section .activity .mod-indent-outer {
    z-index: -1;
    }
    .path-site li.activity > div {
    z-index: 0;
    }
    .path-course-view li.activity > div {
    z-index: 0;
    }

  • Picture of Tunyawach Nandhabiwat
    Tue, 19 Sep 2017, 11:01 AM
    Hi, First i must say that this theme is the best theme i have used so far
    however i think that in header section there is too much blue space on
    is it possible to extent width of logo in header
  • Picture of Jonatan Ortiz
    Wed, 11 Oct 2017, 7:21 PM
    Hi, First I must say that this theme es the best. Although I have a problem: Not displayed Questionnaire Navigation. Is hidden.
    Excuse me my english
    Moodle 3.3, theme v1.5.1
  • Picture of nithy anand
    Fri, 13 Oct 2017, 1:08 PM
    Hi Jonatan,

    Add this css style given below at last line in your scss file.

    File Path:

    yourmoodle/theme/klass/scss/preset/theme.scss


    Style:

    .path-mod-quiz #mod_quiz_navblock .qnbutton {
    color: inherit;
    }
  • Picture of Jonatan Ortiz
    Fri, 13 Oct 2017, 4:35 PM
    Thank you very much.
    your solution worked.
  • Picture of Jonatan Ortiz
    Wed, 18 Oct 2017, 10:57 PM
    Hi.
    In the questionnaires, the button begins a new preview goes out.
    Excuse me my english
    Moodle 3.3, theme v1.5.1
  • Picture of Sergio Renato Aldana Alvarez
    Thu, 2 Nov 2017, 12:55 PM
    How can I change title font?
  • Picture of 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.
  • Picture of Sunday Olaoye
    Thu, 23 Nov 2017, 11:14 PM
    Please, can we change the colour of the theme to green?
  • Picture of nithy anand
    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;
  • Picture of Ç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
  • Picture of Sunday Olaoye
    Sat, 25 Nov 2017, 12:31 AM
    thanks! nithy anand
  • Picture of 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
  • Picture of 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
    Sun, 10 Dec 2017, 11:26 PM
    what happend to the source control URL link?
    Are you interested to get pull requests with bugfixes?
1 2 3 4 5 6 7 8 9 10 11
Please login to post comments