Changing the background colour of the course name
Open up the cg.css file by double clicking the mouse on it. Within this file find this section (although the background-color may be different depending on your original template) -
/*Header*/ #header { background-color: #9999cc; <u>{This will be changed}</u> padding-left: 6px; padding-right: 6px; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; padding-top: 4px; padding-bottom: 4px; font-size: 1.2em; font-weight: bold;}
The colour scheme use a hexadecimal colour code. The University of Bristol's red is colour #b01c2e which we will be using here but you can search online for a coded colour palette really quickly. For example - Click here for Palette example
So if we change the background colour on the cg.css file code and save it will produce a different output. So if change the above text to this -
/*Header*/ #header { background-color: #b01c2e; {Changed} padding-left: 6px; padding-right: 6px; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; padding-top: 4px; padding-bottom: 4px; font-size: 1.2em; font-weight: bold;}
The new background colour will look like this -
Compared with the previous colour -