Styling Elements with a specific ID
When checking my new Parish Council website I noticed that the menu items did not have a display: block; styling
Using the # character in the styling will define just the element specified. In the case of the Parish Council I also added an id-"menu" to the div that contains the menu.
#id { css declarations; }
What I added to bw2_financial.html
#menu li a { text-decoration:none; display: block; }
This needs to be added to the template. Alternatively, I could generate a new .css for the pages as I am sure that there will be other styling issues that will come to light.