Arts & Sciences has pre-defined some styles that you can use through the WYSIWYG editor (shown above). 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 an ordered list selected. To see a demonstration of the styles available through the WYSIWYG, view the Style Guide.
The style dropdown contains two kinds of elements.
Block level elements
These replace the paragraph that they are applied to. The easiest way to select an entire block element is to click on the element link in the bottom of the WYSIWYG editor. (See image below.) This will select the entire element, and only that element, without needing to try to make sure you clicked in the correct place.
Example block elements include:
- 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 Subtitle
I'm a little subtitle!
To remove a block level element once you've applied a style, select the element using the link in the bottom of the WYSIWYG (usually 'div') and select 'normal' from the headings dropdown or click the same style you applied a 2nd time to remove it. Then clear any applied class styles with the eraser button.
Actual Styles (requires eraser to remove)
- Drop cap - highlight single letter
- Button (style for links - only see when on a link)
- Roman (II, III style for ordered lists - only see when on a list)
- Alpha (A, B, style for ordered lists)
- Callout header - provides header style within a callout box (see example below-right)
See the Style Guide for examples.
Actual styles may 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 block quote 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.