Changing font colour

You can override the default font colours. For example, you may wish to display the table headings in red, and the table values in blue.

1. Use a text editor to open the style.css file in the folder that contains your copy of the default template set.
2. Scroll down the file, and locate the code beginning with:

   /* TABLE-SPECIFIC FORMATTING: */

3. Find the following code:

   th {background: #dddddd;

   color: #000000;

   padding: 0px 4px;

   text-align: left;

   border: solid 1px #cccccc;

   font-size: 12px;

   }

   This is the source code that controls the appearance of the heading items. By default, the background colour is grey (#dddddd;), and the text colour is black (#000000;).

4. To make the table headings red, change the color line to:

   color: #ff0000;

5. Now, find the source code that controls the appearance of the table data items:

   td {margin: 10px;

   padding-top: 1px;

   padding-bottom: 1px;

   padding-left: 4px;

   padding-right: 4px;

   border: solid 1px #cccccc;

   font-size: 12px;

   }

6. Insert the following before the font-size line:

   color: #0080ff;

   This sets the default colour of the table data values to blue.

7. Save the style.css file.