Getting Started

klassroom is the best Moodle education theme for your website. It is stunningly flexible, perfect and extensive education theme which is the perfect solution for those who love to represent their organization such as school, college, training courses, corporate trainings, university etc...

It is 100% responsive clean, sharp fluid, exclusive and royal theme. It provides more customizable sections in front page which use can customize through backend setting panel.

It offers large number of customizable features and is enhanced and updated regularly with new features.

Version Compatible

Moodle 2.7, 2.8, 2.9, 3.0, 3.1, 3.2, 3.3, 3.4, 3.5, 3.6, 3.7, 3.8, 3.9, 3.10, 3.11 and 4.0

Theme Features

  • Bootstrap Framework with 100% Responsive and clean design For education and corporate sectore
  • Royal, exclusive look and feel of front page with many more customization options
  • Exclusive theme Settings for complete customization
  • Using Font Awesome
  • Easy to upload theme images
  • RTL Compatible
  • Multi-language compatible
  • Highly customized UI for every page element
  • Well documented
  • Cross-Browser (tested on Chrome, Firefox, IE11 and Safari, Opera)
  • Top catalog and search for course search
  • Responsive smooth and slick menu (user can add menu text and url through theme settings page. for more information http://themescustom.com/theme-documentation/custom-menu.php)
  • Toggle blocks on front/landing page
  • User can change every custom text and images through theme settings page
  • Slider banner section is fully customizable - User can change image and content also
  • Operate Three color scheme from settings
  • Default categories has been customized with new look and feel under carousal. Both options are available customized and Default driven with theme settings
  • FrontPage Available section (carousel)
  • Site news with new trendy look and feel
  • My Courses section customized with modern classical appearance
  • Easy approachable customized sticky icons with trendy look
  • Customized additional section for multi purpose utilization
  • Customized faculty/trainer section
  • Student's forum fully customizable from theme settings
  • Newsletter section
  • Custom footer section

Credits:

Royalty-free images : http://unsplash.com/, https://search.creativecommons.org/, http://www.freepik.com/

Free icons : https://www.iconfinder.com/

Fonts : http://fontawesome.io/

Font generator : https://www.fontsquirrel.com

Carousel : https://owlcarousel2.github.io/OwlCarousel2/

Theme Installation

Installation through plugin

  • Download theme folder and then first unzip the folder.After that select theme folder as per your moodle version.
  • Login as an admin and go to Administration > Site administration > Plugin.
  • Click the link 'Install Plugin'.
  • Choose the "Plugin type" as "Theme (theme)"
  • Select any zip folder of theme as per your moodle version. Upload the zip folder of theme or drag and drop zip folder in the "ZIP package" area.
  • Accept the statement of "Acknowledgement" and then click "Install theme from the ZIP file" button to continue.
  • Check that you obtain a 'Validation passed!' message, then click the button 'Install theme'.

Installation through FTP

  • Login into your FTP client server where your moodle is installed.
  • Now Go to Moodle "Theme" directory and place the theme folder as per your moodle version, after extracted from the Zip in it.
  • Ensure that the New Theme folder and its contents are readable by the webserver. Change the Read and Write permission of it (incorrect permission may prevent the display of newly installed theme).
  • Now login as admin to your Moodle site and go to Administration > Site administration > Notification , you will see a Notification for theme to be installed. Click "Upgrade Moodle Database now" button to continue for the installation procedure.

File Size Issue

In upload time if you get any upload size issue go to folder wamp > bin > apache > apache2.4.23 > bin > php.ini (line no 809) change upload_max_filesize = 2M to upload_max_filesize = 5M

How to setup your moodle site exactly like our demo.

If you need to setup your site exactly like our demo please follow below step.

  • After install theme go to theme settings page (Home / Site administration / Appearance / Themes / klassroom) and set everything as per your need.
  • Upload your Favicon, Logo and other settings.
  • Upload Front Page Slider Images, Slider Content etc...
  • In this theme have category settings.After creating categories you can upload custom category Images through settings page.
  • Change background image for "All courses", "My Courses", "Login page", "Internal banner" etc...
  • Customize your "Upcoming Events" section through settings page.
  • For "Online Course Categories" section enable "List of categories" through frontpage settings(Home / Front page settings / Edit settings) "Front page", Front page items when logged in".
  • For enable "Courses We Provided" section go to Frontpage settings (Home / Front page settings / Edit settings) set "Front page" and "Front page items when logged in" and enable "List of courses"
  • For "Enrolled Courses" like before enable "Enrolled Courses"
  • For "Latest News" enable "Announcements"
  • For Search option enable "Course search box"
  • You can set "footer settings" through theme settings page (Home / Site administration / Appearance / Themes / klassroom /Footer Settings)

If you need any help please mail us (E-mail:cmsbrand93@gmail.com), our team is always here for happy to help you.

Theme settings Options

klassroom theme is very well structured and you can customize your theme easily. No coding knowledge required.

General Settings

Home / Site administration / Appearance / Themes / klassroom / General Settings

  • Upload your logo here
  • Upload your Favicon
  • Add social media links
  • Upload background images
  • Change theme color's etc...

Slider Settings

Home / Site administration / Appearance / Themes / klassroom / Slider Settings

  • Upload slider images
  • Change slider heading and caption etc...

Front Page Settings

Home / Site administration / Appearance / Themes / klassroom / Front Page Settings

  • Change block heading tagline etc...
  • Set all custom frontpage section as per your need
  • Enable and disable option for all custom section

Category Settings

Home / Site administration / Appearance / Themes / klassroom / Category Settings

  • You can upload default category image. And also can upload custom category images through theme settings page

Event Settings

Home / Site administration / Appearance / Themes / klassroom / Event Settings

  • You can add maximum 4 events with details

Project Settings

Home / Site administration / Appearance / Themes / klassroom / Project Settings

  • You can add your projects here

Photo Gallery Settings

Home / Site administration / Appearance / Themes / klassroom / Photo Gallery Settings

  • Upload your gallery images here

Tutor Settings

Home / Site administration / Appearance / Themes / klassroom / Tutor Settings

  • Add your Tutor profile with details here

Footer Settings

Home / Site administration / Appearance / Themes / klassroom / Footer Settings

  • Upload footer logo
  • Add important links
  • Add footnote etc...

Take a Tour

Go to our demo site

http://klassroom.themescustom.com

Student Credential

Username : student

Password : student

You can enjoy our demo.

Happy to help you

Contact Us

If you have any query mail us cmsbrand93@gmail.com