Styling links in Freeway

Back to the Freeway Demos

Want to get rid of those horrid blue underlined links? Here's how to do it.

In the Inspector, click the left tab. The upper set of link set of link attributes (normal, active, visited) will control the colour of all html link text items on the page. If you want more control over the appearance of your link text (CSS) then read on.

There are four states for a link -

Link - just what it will look like untouched.
Hover - how it looks when the mouse pointer moves over it.
Active - what happens on click.
Visited - speaks for itself.

Start by creating a colour for each state and name the colours accordingly.

Then create a text style for each state also named accordingly and using the colours you have just created. Hint - make the "Link" style first then duplicate it and change the name and colour of the duplicate. This ensures that the text is consistent. Do not style the paragraph.

Make sure that no items are selected on your page and click the left tab in the Inspector. Apply your link styles.

You can do this to Master pages.

You can only apply one set of styles per page and it will apply to all html text links on the page.

OK that's it. Now try the link below.

This is a link

Tip - the "visited" style may not show if your browser cache is set to zero, as is sometimes done when repeatedly previewing pages.

Existing links may sometimes not pick up the new styles. Set them to "No style" and reapply the link. New link text should just be typed in the default style, it will pick up your link styles as the hyperlink is applied.