Thankyou both - it appears that I have been able to find a solution.
Firstly I had changed the h2 color to a nice bright pink to see what happened. From that it was obvious that I needed to create a style for the individual element because pink text was popping up quite frequently - as expected. This also highlighted an issue with the dock that I was going to look into down the track - more on this later.
I copied the css code from Mary's post above into krystle2_styles.css, but nothing appeared to change - I am suspecting that I need to allocate that style by changing something in one of the php files - which I'm really not familiar with. Hence I ended up copying the full css path into the style sheet as per Richards suggestion and then setting the colour to white and that fixed the problem.
I had also put krystle2_styles.css through the css validator and it came up with a lot of warnings, but they didn't seem specific to my problem (that I could interpret anyway).
So my krystle2_styles.css file now has the following lines of code (which I assume will apply to that element only):
Which results in:
Now ther are two other issues that I noticed during this exercise:
- Awesomebar dropdowns underneath some content, and
- Navigation dock - first docked item.
I had noticed in one of the forums that the awesomebar displays underneath tabs in the onetopic format but hadn't worried too much about it.
In OneTopic it appears that the active tab displays over the awesomebar - which breaks it as you mouse over the tab.
This also happens in other places - on the quiz editing screen for one (any course format).
Again the current tab is over the awesomebar, as are the grade/save box/buttons. Note that the grade/save box also slides over the question details as the window is resized - so it appears that these are styled to be above everything else including the awesomebar.
This may assist in getting on top of this issue that had previously come up.
- Navigation Dock
I'm not sure if this has come up previously but there are a couple of little quirks with the navigation dock in Krystle2.
The first block that is docked is smaller and the text is not white - when I changed line 37 of krysle2_styles.css to pink (during the adventures above) the text whent pink - (originally dark blue #000066) - hence it's picking up this style for some reason. I had previously noticed this behaviour but the pink text highlights this interesting behaviour further.
After additional blocks are docked, and the first is undocked and redocked it is styled differently. See below.
Other than the size and colour of the first docked item things seem to work normally.
First docked item - same text colour as the heading
Here is the sequence of events (with the normal krystle2 styling):
1 - First Docked item - small and blue text.
2 - After 2nd block docked the first docked block is the correct size with blue text
3 - After undocking the lower docks slide up as normal and display correctly
4 - After redocking all are displayed correctly
After clearing the dock by undocking all items, the process starts again.
Thanks again for the help and I hope my observations above are helpful.