WebSphere Application Server - IBM Redbooks

Figure 5-38 Page Designer for Template editor
5. Change to the Design view by clicking the Design tab at the bottom of the
editor.
6. Click the data cell to the right of the default company logo and type in Tom,
Dick & Harry’s RVs....
7. The default text color is black, which is difficult to see against the blue
background. To address this, we will create a new Cascading Style Sheet
(CSS) class and apply it to the text.
Highlight the Tom, Dick & Harry’s RVs... text and right-click.
8. From the context menu, select Style -> Add Style Rule.... The Set Selector
of New Style dialog opens.
Important: Using this method adds the style to the page. In this example, it is
fine because we are working with a template and all changes made in the
template will be reflected in any page that is referencing the template. If you
are not using a template, the CSS class being created should first be added to
a CSS file and then referenced in the page. For more information on using
CSS, please see 5.1.9, “Working with style sheets” on page 120.
9. Select the Class radio button and enter .page-header as the Class name.
Chapter 5. Working with HTML 137