Skip to main content
  • Arts & Sciences
  • Washington University in St. Louis

Search form

Home

Arts & Sciences Computing

Main Menu

  • Services
  • Labs
  • Classrooms
  • FAQs
  • Staff
  • Downloads

You are here

Home / FAQs / Drupal

Apply Special Styles to Text

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.

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

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)

  • Subtitle
  • 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.

  • New Faculty & Staff
  • New Students
  • Video Tutorials
  • Drupal
    • Drupal Terminology
    • Pages FAQs ->
    • Siteimprove
  • Office 365
  • Box
  • Security

ArtSci Tech Support

Call us at (314) 935-8077 Mon-Fri 11:00 am-5:00 pm, or use our contact form.

View our lab hours.

Faculty & Staff: Find Your Support Rep

Create a Trouble Ticket

  • Contact Us
  • AV Support
  • New E-mail Account
  • New Email List
  • Request VPN Access

Social Links

  • WUSTL Reader
  • Arts and Sciences on Instagram
  • Arts & Sciences on Facebook
  • Arts & Sciences on Twitter
  • Arts & Sciences on YouTube

Arts & Sciences Computing | Washington University in St. Louis | (314) 935-5165 | Campus Box 1160
One Brookings Drive, St. Louis, MO 63130-4899 | artscihelp@wustl.edu