Table of Contents



You can customize the appearance of links, also known as hyperlinks and hypertext links. You can define the color and text decoration, such as underline, for the currently selected link (active link), links you have previously visited, links you hover over, and the links you have not previously visited. These link settings are stored in the webworks.css file. You can create an override for the webworks.css file and then modify the tags that define the links.

Note: These changes do not affect output formats, such as Simple HTML, that do not use cascading style sheets.

In your source files, apply a character style to identify the text to include in each link. The character style can also affect the appearance of the link.

To change the color of links

  1. In your Stationery design project, on the View menu, click Project Directory. For more information about override files and locations, see “Understanding Stationery, Projects, and Overrides”.

  2. If you want to override the CSS settings for an 'output format, create the Formats\formattype\Pages\css folder in your project folder, where formattype is the name of the output format you want to override, such as Dynamic HTML.

  3. If you want to override the CSS settings for a 'target, create the Targets\targetname\Pages\css folder in your project folder, where targetname is the name of the target you want to override.

  4. Copy the webworks.css file from the following folder to the override folder you created within your project folder:

Program Files\WebWorks\ePublisher Pro\Formats\formattype\Pages\css

  1. Open the webworks.css file you copied to your project override folder.

  2. Find the following code and modify the values specified within the braces:

a:link:active { color: #0000CC }
a:link:hover { color: #CC0033 }
a:link { color: #3366CC }
a:visited { color: #9999CC }