Pull Quote Component

The Pull Quote component creates an enhanced version of the standard blockquote. Alignment and theme options are available.

When to use the Pull Quote component

Use the pull quote component when featuring a written quote on your web page.  Options such as float alignment, size,  line separator, citation, and a light/dark theme is available.

Light Theme

With separator enabled.

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus".
Vivamus magna

Dark Theme

With separator enabled.

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus".
Vivamus magna

Floated right at 35% with line separator enabled:

Vivamus magna justo, lacinia eget consectetur".
Vivamus magna
Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus suscipit tortor eget felis porttitor volutpat. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Sed porttitor lectus nibh. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus suscipit tortor eget felis porttitor volutpat. Sed porttitor lectus nibh. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus suscipit tortor eget felis porttitor volutpat. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.

Usability guidance

Use the pull quote component when you want to add an enhanced blockquote to your page.

Implementation

  1. Open a page in Modern Campus CMS and enter editing mode.
  2. Place your cursor where you would like to insert a pull quote.
  3. From the toolbar, select the component icon  Snippet icon , which resembles an atom symbol.
  4. From the list of components, select the Pull Quote component.
  5. Fill in the required fields and select your options.
  6. Save and preview.

Text aligned to the right:

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.
Vivamus magna

No Separator:

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus".
Vivamus magna