Adding CSS To Modify Your Theme In Moodle™

AI in Education Leaderboard Post Page
Ai In Education Square Post Page

--- Advertisement ---

Updated on 2021. Time flies! While some of the basics explained by Johnson are timeless, the processes do look a bit different. Here are some resources to keep you going

CSS? What you need to know

Cascading Style Sheets are a powerful method to customize pretty much every visual element on your website. A simple syntax makes it easy for everyone to get started tweaking around:

selector {
    property: attribute;

Going forward is an inviting challenge for design, perfectionism, some math (including trigonometric functions—and you thought you’d never use them!); all in the name of an effective and pleasing user experience.

Now back to the Original, 2014 post:

Here’s a handy video by Andrew Johnson which highlights the process of editing your standard Moodle theme with CSS which will allow you to modify look and feel of your site through html. Check out the full ~3 minute video at

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

The Latest

The eLearn Podcast

--- Advertisement ---

Subscribe to our newsletter

Education technology has the power to change lives. 

To get the latest news, information and resources about online learning from around the world by clicking on the button below.