Adding CSS To Modify Your Theme In Moodle™

--- Advertisement ---

Post Pages - Post Inline - WIRIS

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.

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

Dive Deeper On

The Latest

The eLearn Podcast

--- Advertisement ---

Post Pages - Sidebar 4 - CourseMerchant

--- Advertisement ---

Post Pages - Sidebar 7 - Titus Learning

--- Advertisement ---

Post Pages - Sidebar 5 - Edwiser (RemUI)

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.