Skip to Content
Palomar College Learning For Success

New Plugin: Graceful Pull-Quotes

Pull quotes are common in many print and online publications. If viewing this post directly on the website, you should see an example of a pull quote to the right of this paragraph. With the addition of the Graceful Pull-Quotes plugin to our WordPress system now anyone can insert one in their own posts and pages. This plugin is easy to use but does require switching over to the HTML view to add the appropriate code. The trick is to wrap the text that you want quoted in an HTML span tag with the pullquote CSS class applied. For those of you who are not familiar with HTML that may sound difficult but its actually easy to do. Here are step by step instructions (after you have activated the plugin for your site):

  1. While adding (or editing) a post or page, switch to HTML view using the tab at the top right of your editing area.
  2. Insert your cursor at the beginning of the text that is to be turned into a pull quote and add the following HTML code: <span class="pullquote">
  3. Insert your cursor at the end of the text that is to be quoted and add the following HTML code: </span>

The Graceful Pull-Quotes plugin will generate a nicely formatted pull-quote for your post or page. If there are multiple pull quotes, they will by default alternate between the right and left sides. Information about customizing the look and behavior of the pull quotes can be found on the Graceful Pull-Quotes notes page.

If any Palomar College WordPress users have questions about using the Graceful Pull-Quotes plugin you contact me at

Enter your email address to subscribe to this blog and receive notifications of new posts by email.