You can also supply an external style sheet which is available as an option to be selected by the visitors who view your web page. Once again, on the menu bar select Insert, then select Stylesheets from the resulting context menu,
again select the + sign at the lower left of the resulting anonymous dialogue.
In the resulting dialogue:
and then select the New file command button. Navigate to your Tutorial_Site folder, and then to its nested style folder, supply the file Name (which does not necessarily have to match the Title, but should end with ".css"), and then select the Save command button. Back in the BlueGriffon (stylesheet) Type dialogue:
Close the anonymous stylesheet dialogue, and in the main BlueGriffon window:
Back in the main BlueGriffon window, click your mouse over the text in a paragraph (to remove the previous global selection):
then return to the CSS Properties dialogue Colors section to:
At this point, assuming at least a portion of the main BlueGriffon window remains visible, you may notice a problem. When black text is displayed on a black background, one cannot read it. This again illustrates one of the important guidelines for web design and style creation:
Realize that other style rules (e.g. from a user style sheet) may further adjust colors, but you may reduce unpleasant surprises by always supplying both the foreground and the background colors, if your style rules mention either color. So, to continue in the CSS Properties dialogue Colors section:
Ah! Now the text is legible again ... until you scroll down to the shopping list.
But you know how to repair that ... in the main BlueGriffon window click your mouse over the (currently invisible) text in a list item. Then back in the CSS Properties dialogue Colors section:
When someone views this web page, in their web browser they could optionally select to use this alternate style sheet via: