Themes: evolve-D
Introducing evolve-D(earborn). A Moodle theme that is based off More but with an abundance of enhancements that evolved into a new theme. Evolve-D sports a clean, minimal design with a focus on simplicity to minimize distractions. What makes this theme different is it's new approach to the Moodle frontpage. Logged in users are presented with a custom homepage while logged out users get a beautiful login page with a fullscreen image background. You can even opt to use the built in login form or the standard Moodle login form. Each login form has unique styling and a beautiful fullscreen image background.
Features
- Custom login page with fullscreen image background for logged out users
- Simplified, custom Moodle homepage for logged in users
- Two Column theme with blocks on the right
- Support for Moodle's Socialwall Course Format. If you use the Socialwall Course Format the evolve-D theme is the perfect companion as it contains super nice styling for the post interface and timeline posts.
- Four image slideshow on custom homepage
- Visual Separation of Topics/weeks. Unique styling creates a visual separation of weeks/topics with the ability to customize the background color in theme settings.
- Custom Logo
- Marketing Spots at bottom of page
- Fontawesome support
- Custom Menu "My Courses" dropdown
- General and Weather Alert notices for users
- Custom Colors
Moodle 3.2 compatibility
Several people have asked if there will be releases of Evolve-D beyond Moodle 2.9 to be compatible with Moodle 3.2. After much debate we decided the best option was to take many of the features from Evolve-D and to build a new theme moving forward called Fordson. Fordson is a child theme of the new Moodle default theme Boost. Fordson builds on Evolve-D by incorporating a better custom homepage with up to six marketing spots, custom page header image for both the site and individual courses, and of course... Style Presets which can transform your site to give it a unique look and feel! I am even working on an "evolve-D" style preset so that the content areas and blocks will have a similar look and feel to evolve-D with the great new features of Boost.
If you like Evolve-D, I hope you check out Fordson: https://moodle.org/plugins/theme_fordson
Documentation and Setup
https://docs.moodle.org/29/en/Evolve-D_theme
(special thanks to German Valero for creating the doc page.)
General Overview
Version 2.0.2 and Newer Updates and Setup Instructions
Evolve-D is maintained and developed by Dearborn Public Schools. We are a K-12 school district in Dearborn, Michigan.
Moodle 2.9 Note:
If you are using Moodle 2.9 the default homepage for the site is the new User Dashboard. You need to change this in Site Administration > Navigation > Default Homepage for Users. Please force "Site" for all users if you want to use this Evolve-D's custom homepage with icons.
Useful links
Screenshots
One more problem: when I delete the messages of "General Alert" and "Snow Alert" from General Settings, the "breadcrumb" disappears too.
These are all Custom CSS that I use to fix theme for RTL (After choosing Persian as default language):
body {
text-align: justify !important;
}
.box {
direction:rtl !important;
text-align: justify !important;
}
.criteria-description {
direction:rtl !important;
text-align: justify !important;
}
.description {
direction: rtl !important;
text-align: justify !important;
}
.criteria {
direction: rtl !important;
text-align: justify !important;
}
.name {
direction: rtl !important;
text-align: justify !important;
}
#page-header-generalalert {
margin-top: 4% !important;
}
The icons used for blocks in the title area are not configurable unless you want to dig into the code. All the block icons can be set in the evolved.css file. Look around line 284 for the beginning of the block css. To change these you will need to use the link above for fontawesome and look at the css for content:"\f0a1"; This code corresponds to the fontawesome icons. For instance if you wanted the Beer icon you'd look on the cheat sheet and notice this: fa-beer []. In the evolved.css file you would find the block you want to change icons for and use this: content:"\f0fc";
Hope this helps.
Thanks for update, but one problem with it:
Since I updated it, the color of "Current Session" in course page is not changing. Before update, the other sessions were white and the current session was blue. But now all of the have the same color.
I also cleared the theme and even site cache but nothing happened. Any Idea?
Best,
Hamed
I see what you mean. I will get a fix.
Chris
Use this in custom CSS or add this into the evolved.css file at the bottom:
.course-content .current {
background-color: #d9edf7 !important;
}
I am including this in an update for later today.
Perfectly working code.
When I use the code below in "Snow Alert" or "General Alert": (marquee opening tag) My Text (marquee closing tag)
Although it works and the text moves there, but it seems that it puts one break line before the text and the height of the box increase with free spaces and the text appears and move in the next line. Any idea on how to remove that break line?
Best,
Hamed
What can I do to work around. If I copy the files through FTP will it work?
I have just downloaded the social wall plugins. My site is almost new and if i start a new course and install social wall and evolveD 2.06 over my existing version of evolve, will there be issues?