Update the Editing Stylesheet

Update the preview stylesheet

To update the preview (or editing) stylesheet:

1. Save and close the stylesheet if it's still open;
2. Make sure the Topic tab is selected;
3. Click the small e button beside the stylesheets drop down list;
4. From the drop down menu, select Update editing stylesheet.

The above steps are necessary to copy the modifications you made in the publishing stylesheet to the preview stylesheet used by the editor.

While the editor WYSIWYG view looks ok, turning the preview on centers all the body paragraphs, because this is what the publishing template says. You'll now fix the centered preview layout glitch.

Tweak the preview stylesheet

To tweak the editing preview stylesheet, follow these steps:

1. Click the small e button beside the stylesheets drop down list;
2. Select styles_preview.css from the drop down list;
3. Open the stylesheet file;
4. Locate the body selector and remove the text-align:center; property from the end of this line;
5. Save the file;
6. Click the small e button beside the stylesheets drop down list;
7. From the popup menu, select Refresh the editor;
8. Click the preview button to check the aligment.

As long as you don't select another publishing stylesheet with a centered layout, the editing stylesheet and the editor preview will remain left aligned.