Getting Started
ignite is one of the best Moodle education themes for your website. It is stunningly flexible, perfect and extensive education theme which is a 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 can be used to customize through backend setting panel.
It offers large number of customizable features and is, enhanced and updated regularly with new features.
Version Compatible
Moodle 3.7, 3.8, 3.9, 3.10 and 3.11+
Theme Features
- Bootstrap 4, 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)
- Nice custom 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 for all page
- User can change every custom text and images through theme settings page
- Front page banner section is fully customizable - User can change image and content also
- 40+ color scheme from settings
- Default categories have been customized with new look and feel.
- Awesome front page course sections
- Site news with new trendy look and feel
- My Courses section customized with modern classy appearance
- Video Section (Admin can add video URL for students)
- Customized additional section for multi purpose utilization
- Customized faculty/trainer section
- Custom footer section
Credits:
Royalty-free images : http://www.freepik.com/
Free icons : https://icomoon.io/
Fonts : https://fonts.google.com/
Slider : https://kenwheeler.github.io/slick/
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 / ignite) and set everything as per your need.
- Go to the General Settings page and set everything as per your need and save page.
- Go to the Login Settings page and here you can set you login page options.
- Go to the Banner Settings page and here you can customize your front page banner.
- Go to the Colours Settings page and you can change the whole site color. Here you can find 40+ color options for your whole site.
- Go to the Logo Settings page and upload your logo and you can set height and width of the logo. Also you can set Logo Image Alternative Text.
- Go to the Fonts' Settings page and here you can change all you font options for whole site as per your need
- Go to the Advanced settings page and here you can add your custom SCSS/CSS code.
- Go to the Custom Link Access - Frontpage and set your text/content and URL/Link as per you your need
- Go to the Typesetting page and set your font size, fonts' Weight, font style etc... for whole site.
- Go to the Custom Category Settings page and set Category Heading, Custom Category Tagline, Category Modified Date etc...
- Go to the Welcome Settings page and here you can customize welcome settings section for frontpage.
- Go to the Videos Settings page and here you can upload your educational or training videos.
- Go to the Tutor Settings page and here you can add your teachers with name and experience
- Go to the page Footer Settings and here you can customize all text/content and URL as per your need
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
ignite theme is very well structured and you can customize your theme easily. No coding knowledge required.
General settings
Home / Site administration / Appearance / Themes / ignite / General Settings
- Structure
- Courses
- Front Page Aavailable Course
- Front Page Enrolled Course
- Site Announcement/News Settings
- Counter/Number Settings
- Preloader Settings
Login Settings
Home / Site administration / Appearance / Themes / ignite / Login Settings
- Login Custom Settings
- Oauth2 Authentication Settings
Ignite - Banner Settings
Home / Site administration / Appearance / Themes / ignite / Ignite - Banner Settings
Colours Settings
Home / Site administration / Appearance / Themes / ignite / Colours Settings
- Gradient
- Common Color
- Theme's Main Colour
- Menu/Nagivation Colour
- Banner Colour
- Custom Link Color
- Appearance 1 - Footer Color
Ignite - Logo Settings
Home / Site administration / Appearance / Themes / ignite / Ignite - Logo Settings
Ignite - Fonts' Settings
Home / Site administration / Appearance / Themes / ignite / Ignite - Fonts' Settings
- Common Fonts
- Google Web Fonts
- Custom Fonts
Advanced settings
Home / Site administration / Appearance / Themes / ignite / Advanced settings
- Raw initial SCSS
- Raw SCSS
Custom Link Access - Frontpage
Home / Site administration / Appearance / Themes / ignite / Custom Link Access - Frontpage
- Custom link heading & tagline settings
- Custom Link One
- Custom Link Two
- Custom Link Three
- Custom Link Four
- Custom Link Five
- Custom Link Six
- Custom Link Seven
- Custom Link Eight
Typesetting - Apply font in HTML Element
Home / Site administration / Appearance / Themes / ignite / Typesetting - Apply font in HTML Element
- Body Font
- Heading Font
- Navigation Font
Custom Category Settings
Home / Site administration / Appearance / Themes / ignite / Custom Category Settings
Welcome Settings
Home / Site administration / Appearance / Themes / ignite / Welcome Settings
Videos Settings
Home / Site administration / Appearance / Themes / ignite / Videos Settings
Tutor Settings
Home / Site administration / Appearance / Themes / ignite / Tutor Settings
Footer Settings
Home / Site administration / Appearance / Themes / ignite / Footer Settings
- Footer's All Settings
- Footer List Item Column 1
- Footer List Item Column 2
- Footer List Item Column 3
Take a Tour
Go to our demo site
http://ignite.themecms.com/
Student Credential
Username : student
Password : student
You can enjoy our demo.