There are hundreds of free extensions available for the Firefox browser. Two of the most useful extensions that concern Moodle theming are the Web Developer Toolbar and Firebug; these extensions will allow you to inspect the HTML code and CSS in detail without having to open the original file. They also provide an astounding array of functionality that makes most web developers and Moodle themers wonder how they ever managed without them. For example, using either of these extensions will allow you to temporarily make a change to the CSS code without having to modify the CSS code file.
So, for this chapter, you will download Firebug to help us work with Moodle's CSS and make the required changes. It can't be emphasized enough how important these Firefox extensions are to the budding Moodle themer. Moodle uses multiple CSS that inherit each other's style declarations. This makes it challenging to follow the cascading effect and accurately change...