Skip to main content

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 -