1. Open Firebug and inspect the whole middle section of one of the topic areas.
2. View the output in the right-hand Firebug window and copy the first class. Then paste this into your
user_styles.css
file.3. Add the following CSS code to the bottom of the style that you have just pasted into your
user_styles.css
file:background-color:#eeeeee;
Your
user_styles.css
file should now look like the following screenshot:4. Save this file, and then refresh your browser window.
The last task that you are going to perform on the course view section is simply to replace the blue Hide and Show icons on the right-hand side for something that looks a little better. If you right-click on the image and select Properties from the dialog box that appears, you can easily find out what the image is called and where it is stored.
The hard part of this task is to find two suitable icons for the job. I like the ones in the Foodle theme, so it would be a good idea...