Extending the Freeway generated CSS Styles

Freeway Pro users will be familiar with the Edit Styles dialog where you can edit a number of character and paragraph level CSS attributes such as font family, color, size, style, alignment and so on. Not all CSS attributes are available in this list due to the sheer number of available attributes so we have included an Extended button to allow you to add your own.

Try the following:

  1. Create a new HTML item in Freeway Pro and type the text "Hello World!" inside it.
  2. Select the text and in the Styles Inspector (the fourth pane of the Inspector palette) click the + to the right of Text and select New to open the Edit Styles dialog.
  3. Don't worry about the name of the style for now. Click the Extended button and in the dialog that appears click the New button.
  4. In the dialog that appears type border-bottom in the Name field and 1px dotted black in the Value field and click Ok and Ok again.
  5. You won't see anything in the Freeway view since this is an extension of something that Freeway doesn't know about, to see the change click Preview or the Preview in Browser toolbar button.
If you want to find out what other style attributes you can use take a look at this reference.