Step 9: Change the styles of the text on the page
Some of the text on the page are serving as headings. It is more appropriate to style them using Heading tags such as H1 - H6. These tags are also important for Search Engine Optimization. We will talk about this in Step 12. "Use heading tags". Here we just change the style rules which are already applied to the text without using any heading tags.
-
Right click the mouse button when the pointer is over the following text. Select "Styles" from the context menu.
Select "welcome" and click Edit to open the CSS Style Editor.
Change the color to #AF1402 or select from the custom colors of the Color Dialog.
Click OK to save the setting.
-
Right click on the following text element and select "Styles" from the context menu.
Select style "bodytextheading" and click Edit to edit the style in the CSS Style Editor.
Set the color to #FCBA58 or select the color from the custom colors of the Color Dialog.
Click OK to save the setting.
-
Right click on the following list and select "Styles" from the context menu.
There are two styles need to be changed. Select the style "bodytextlink" and click on the Edit button to edit the style in the CSS Style Editor.
Set the color to #FEDDAB or select the color from the custom colors of the Color Dialog.
Then select the style "bodytexthoverlink" from the Styles pane.
Set the color to #FCBA58 or select the color from the custom colors of the Color Dialog.
Click OK to save the settings.
-
Select the following and then right click to open the context menu. Select "Styles" from the menu.
Select the style "serviceheading" and click Edit to edit this style in the CSS Style Editor.
Set the color to #FEDDAB or select the color from the custom colors of the Color Dialog.
Click OK to save the setting.
