Creating blockquotes

Blockquotes set a passage apart from the rest of your article, which makes them ideal for quoting another source, such as customer feedback, an excerpt from a policy or a line from release notes. The Zendesk article editor includes a Block quote button in its toolbar, and our themes style the result to match the rest of your help center.

Adding a blockquote

1. Create a new article or edit an existing one in your help center or Knowledge admin, and select the text you’d like to quote.

2. Click the Block quote button in the editor toolbar. It’s also available in the Formatting selector.

3. Click Save.

The editor wraps the text in a <blockquote> element for you:

<blockquote>
  <p>
    Success is not defined by the ability to have no complaints, it is defined by the ability to deal with them.
  </p>
</blockquote>

Adding an attribution

To credit the source of a quote, add a <footer> containing a <cite> element to the blockquote using the editor’s HTML (source code) view. Font size and text color utilities can make the quote stand out further:

<blockquote class="font-size-lg">
  <p>
    Success is not defined by the ability to have no complaints, it is defined by the ability to deal with them.
  </p>
  <footer class="text-gray-500">
    Mikkel Svane in <cite title="Source Title">Startupland</cite>
  </footer>
</blockquote>

Styling blockquotes

You can change the padding, margin, text color, background color, font size, font style, border and corner radius of blockquotes in the Blockquotes section of the visual builder’s Formatting elements panel. Every blockquote in your help center picks up the new styles, including those added before the change.

If you’re working with your theme’s Sass source files, the same styles can be changed using the blockquote variables.