Example of How Styles are Used

This test page shows examples of how the options in the Styles dropdown are used.

Title 1 - The Big Titles

Title 2 - Medium Sized Title

Title 3 - Smallest Title

Small Text - This causes the font size to drop a little. It can be applied to any size font. It will just make that font slightly smaller.

Large Text - This does the opposite of the Small Text style. It makes any font it's applied to a little larger.

This is an example of a quotation style. It's very similar to the stanard HTML tag named BLOCKQUOTE, but it has thinner side margins.


When using the styles dropdown, please remember these tips:

  • Enter all of your text first and then apply styles to a full page of plain content. Trying to style as you go will likely result in extreme frustration as this WYSIWYG editor was not really made to be a true page building platform. It works great for editing existing content and for making modest styling of content easy for non-designers, but it is not DreamWeaver.
  • Keep the styling simple. Don't get too cute. Again, this editor has its limitations and the results get unpredictable if you try to do very complex design work with it.
  • To enter a single line linebreak instead of a two line paragraph break, hold down the shift key while pressing RETURN. Pressing return by itself will always result in a paragraph break.
  • If you're creating a sidebox, you must use linebreaks inside it (SHIFT-RETURN) or it'll create a new sidebox with each return you press. This is because HTML is formatted in blocks. A new paragraph is a new block, which terminates the sidebox and starts a new one. You may need to also add a space on the blank line in between your two chunks of text or the WYSIWYG editor will automatically convert your two single line breaks into a paragraph break. This is an annoying quirk of this editor. I should be able to find a way to disable that "feature" eventually.
  • If you find that you have styles co-mingled or the design appears to be otherwise all messed up do a SELECT-ALL of your content and then click on the Clean Up Brush icon to remove invalid HTML.
  • If the Clean Up Brush doesn't solve your problems, SELECT-ALL again and click on the Styles dropdown and select the default line (first line) to clear any set styles. Repeat if needed until you end up with a completely plain text document and start over from there.