A Text Style is a named collection of attributes, such as font, size, color, line spacing and other text attributes which can be applied to paragraphs and characters within a text column, area or line.

Text Styles are a powerful way to alter the appearance of text throughout a document with a few clicks. You are able to apply the same style to multiple paragraphs or characters. Updating the style will cause all paragraphs with the style applied to be updated.

The main text, sometimes called the body text of a document is a particular style, which we call Normal text style. Text added to a document will automatically inherit the style named Normal text. By updating that style to be, say, 12 point Times, then all Normal text throughout the document can be changed in one go, without having to select and apply the same font change over and over again.

By default there is a small set of pre-defined Styles: including ‘Normal text’ and three heading styles, Heading 1 to Heading 3.

Text Styles come in two varieties. Paragraph Styles apply to whole paragraphs, and are also typically used for headings. It’s not possible to apply a Paragraph Style to a smaller section than a paragraph, so you cannot, for example, apply a Paragraph Style to a single word within a paragraph. If you try, then the whole surrounding paragraph will take on this Style.

This means that you do not have to select the whole paragraph to apply a Paragraph Style. You can, for example, just place the text cursor anywhere on the line and select a Paragraph Style from the Style menu, and the whole paragraph will take on that Style.

Paragraph styles can define all text attributes except for bulleted/numbered list properties.

Color, Font type, Font weight, Font Size, Font style (normal / italic), Aspect ratio, Justification, Tracking, Underline , Script , Baseline shift, Line spacing, Margins (left and right), Indent, Space (before and after), Language, tab stops.

Character Styles, on the other hand, can be applied to any selection of text, from a single character upwards. For example, if you wanted to highlight certain words in your text in a different colour a Character Style would be ideal. The advantage is that you can then change the colour (or font, etc) of all these highlighted words with a single Style update.

Character styles can only define text attributes that can be applied to individual characters, such as text color, font size, font weight, etc."

There is a new Styles drop-down menu on the Text Tool InfoBar, that allows you to create Styles, apply them to any text, and to update the definition of the Style.

To create a completely new Style:

1. Change a selection of text to appear how you want
2. Select the Create Style menu from the Style list drop-down on the Text Tool InfoBar.

If you want to create a new Paragraph Style it’s recommended that you select and apply your changes to a whole paragraph, before selecting the Create Style menu.

To update a Style definition:

1. Select some text already in the style you want to update.
2. Apply whatever changes you require, say an alternative font, or font size. - This will cause the style definition to display a + character to the right of its name
3. Select Update style from the Style drop-down menu on the Text InfoBar.

For example to change all the Normal text to be a different font, select a few words in the Normal text Style, change the font (and any other attribute) and then Select Update Style from the Style Menu on the TextTool InfoBar

The Styles list in the Styles menu includes the entry No style. Selecting this removes the Style (paragraph and/or character Style) from the selection and also resets the selected text back to default formatting.

Styles that are not used anywhere in a document are automatically deleted when you save and re-load a document. However the default styles (Normal text and Heading 1 to 3) are never deleted

A style can be based on another style allowing the new style to inherit the attributes of the style it is based upon.

As an example, you could update the style named Heading 1 to be based upon the style named Normal text. This would for example allow you to change the font family applied to Normal text. and the same change would be applied to Heading 1

1. Select some text within your document which has the style Heading 1 applied.
2. Select Properties from the Style drop list.
3. Click on the drop list labelled Based Upon and select Normal text and click on the OK button
4. Select some text within your document which has the style Normal text applied
5. Change the font applied
6. Select Update style from the Style drop list.
7. The font applied to all instances Normal text and Heading 1 will be updated.

In previous versions of Web Designer, you had to use the selector tool to manually adjust the position of items on the page. Similarly you had to drag the bottom of the page down to enlarge the page to accommodate growing text objects. Web Designer v8 now has the ability to make growing text areas automatically push other objects down the page, and also resize the page automatically to accommodate the enlarged text areas. Templates within verson 8 are designed to support both push and page resizing.

Absolutely. You can still set the required page size from the Page size tab from the Page Options dialog. As in previous versions, you can also drag the bottom and right side of the page to increase the height or width. MX now makes this easier by displaying a green dotted line at the bottom of a page allowing you to easily click and drag the page to increase or decrease its height.

If you right click on an item, there is a new Position on Page menu with the following options:

• Fixed - the position of the object remains at its set x and Y value even when resizing the page.
• Footer - This will keep the items at the same relative position to the bottom edge of the page as the page is enlarged or reduced.
• Automatic - his option retains the relative position of the selection to the top, bottom, left or right side of the page, depending upon which is most appropriate.
• Stretch with page - Sometimes part of your page design will consist of background rectangles that you want to change size with the page. To do this select the right-click menu:
• Push - objects can be marked as Push with the top and bottom margins set. Setting an object to have a bottom margin of 40px, will mean that whenever it gets to within 40 pixels of another ‘Push’ object, it will push it down the page.

Items set to Push like this will also automatically push the bottom of the page down. The Push feature only moves objects down the page automatically as they grow (and enlarges the pages), but it does not do the reverse and pull items up. You still have to manually move items on the page back up. If you want to shrink the page, it’s just a matter of using the Selector Tool to drag up the lower edge of the page.

MX introduces the ability to lock your page size. Selecting to lock page size will affect all pages within your document.

1. Select the Utilities menu option followed by Options
2. Click on the Page Size tab
3. enable the check box labelled lock page size