EndPreviousNextEnd EndPrint This TopicEnd

Working with styles

The Content Editor includes built-in preformatted CSS styles which format text at the click of a button.  Using styles helps produce a more uniform appearance of your content within and across your pages.

 

There are two style controls available:

Standard styles such as headings 1, 2, and 3 (Normal drop down).

Specialised styles for formatting different parts of text, such as phone, fax and email details (Apply CSS Class drop down).

 

This section explains the task of formatting text (using styles) in the Content module:

1.If you have not done so already, manually add text or copy text from another source and select the [Paste Plain Text] PastePlainText button to paste copied text into the Content Editor.
Content Editor

Tip: Right-click in the white text area and select 'Paste Plain Text' in the right-click menu.
Select Paste Plain Text in the right-click menu

 

2.To format text using Standard (Heading) styles, click-and-drag your mouse from right to left to highlight text and select a Heading style from the Normal drop down.
 
To format text using Specialised styles, click-and-drag your mouse from right to left to highlight text and select a style from the Apply CSS Class drop down.
Applying styles in the Content Editor
 

Key Info: H1 & H2 Tags are the heading tags used to format the layout for heading 1 and heading 2. If possible you should try and get your key-phrase referenced in either the main heading or sub heading (or both) on the page. Within the editor, selecting the Heading style (Heading 1 and/or Heading 2) to enter the appropriate tag information.

 

Tip: Standard HTML code such as <H1> & <H2> and other preformatted classes set up within the design can be used in Custom Code modules.

 

3.When all text editing changes are complete, click Save to save changes or Publish to update the live site.
Click Save to save changes or Publish to update the live site

Key Info: Step 3 refers to the one person workflow scenario.  If your site uses the two person or three person workflow scenario, the Publish button will not be displayed until submitted changes have been approved.  Refer to Workflow Scenarios for more information.

 

 

See also

 Adding text        

 Working with variables

 Working with styles

 Hyperlink Manager

 Adding Images

 Word Editor Controls