Apply Special Styles to Text

Arts & Sciences has pre-defined some styles that you can use through the WYSIWYG editor. These styles can be found in the styles dropdown at the top of text areas. Some styles like ‘button’ are specific to an element. You will only see the button style when you have a link selected. List styles like Roman and Alpha are only visible when you have a list selected. The style dropdown actually contains two kinds of elements.

This is a Right callout box. It's a great style to use when you want to draw attention to some text.

Block level elements 

replaces the paragraph it’s applied to

  • Right callout box – text in a box floated to right
  • Left callout box – text in a box floated to left
  • Nowrap image/text
  • Heading 2 with subtitle (use in combination with subtitle; see example below)

Heading 2

with a subtitle

Actual styles

  • Subtitle
  • Drop cap – highlight single letter
  • Button (style for links – only see when on a link)

    Here is a Button
     
  • Roman (II, III style for ordered lists – only see when on a list)
  • Alpha (A, B, style for ordered lists)
  • Inline list (links in a single line, centered – only see on bulleted list)
  • Callout header – provides header style within a callout box (see example below-right)

This distinction is important for two reasons. Styles may be removed using the remove format button. 

To remove a block level element, you need to use the remove format button, then select the element using the link in the bottom of the WYSIWYG (usually ‘div’) and finally select ‘Normal’ in the paragraph dropdown.

This is a callout Header Actual styles may also be added within a block level element using the WYSIWYG. For example, a drop cap can be part of a paragraph or callout box.

Actual styles may also be added within a block level element using the WYSIWYG. For example, a drop cap can be part of a paragraph or callout box. (See example on right.)

There is no way (using the WYSIWYG) to include a blockquote or a heading (both block level elements) within a callout box (another block level element). You can do this by editing the HTML directly however.

Click here to view a full style guide for all the elements available through the WYSIWYG.