Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Using the Quote Block

Use the Quote Block to add styled quotes and testimonials to your site. Most templates have a default style for the Quote Block that you can change in the Style Editor.

Tip: For a magazine-style quote that stands out on a page, you can also create a pullquote.

Step 1 - Add the Quote Block

  1. Open a page or post editor.
  2. Click an Insert Point or the +.
  3. Select Quote from the menu.
  4. For more detailed steps, visit Adding blocks.
  5. In the Edit Quote window, enter the quote in the first box.
  6. Enter its source in the second box.
  7. Click Apply to publish your changes.

Step 2 - Style the Quote Block

The following templates offer styling options for the Quote Block. To style the block in these templates:

  1. Open a page with a Quote Block on it.
  2. Go to the Home Menu, and click Design, then Style Editor.
  3. Look for the tweaks listed below for your template, and adjust them until you find a style you like.

Templates are grouped by family.

Template Tweak name

Adirondack

Quote Block

Aviator family

Aubrey, Aviator

Quote Text 

Bedford family

Anya, Bryant, Bedford, Hayden

Quote Font, Quote Color 

Brine family

Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West

Quote Block section (Alignment, Quote Font, Source Font)

Farro family

Farro, Haute

Quote Block section (Alignment, Quote Font, Source Font)

Five 

Blockquote

Flatiron

Quote Font, Quote Color, Inline Quote Size

Forte

Quote Block 

Ishimoto 

Quote, Quote Size

Momentum

Quote Block

Native

Quotes, Quotes Size

Pacific family

Charlotte, Fulton, Horizon, Naomi, Pacific

Quote Font, Quote Color

Skye family

Foundry, Indigo, Ready, Skye, Tudor

Quote Block section (Alignment, Font, Font Min, Quote Color)

Tremont family

Camino, Carson, Henson, Tremont

Quote Font, Quote Font Min 
Wells Quote, Quote Size
Wexley Quote Font

York family

Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, York

Quote Font, Scale Quote, Quote Min, Quote Text Color, Quote Alignment, Show Quotation Marks, Quote Source Font, Quote Source Color

Styling quotes in other templates

If your template isn't on the list above, there are a few alternate options for adding quotes to your site and giving them unique formatting.

Format as quote text

In the editor, highlight the text and use the formatting drop-down menu to choose the Quote option. This indents the quote. Depending on your template, a line may appear on the side and the text may be italicized. 

quote-text.png

Add text to an Image Block

You could also add an Image Block with a text overlay, and style that text. Visit Image Blocks Overview for examples of each of the different Image Block options. Here's an example with the Poster Image Block:

image-block-as-quote.png

Wrap the text

You can make one Text Block stand out by wrapping another Text Block around it. To learn more, visit Creating a pull quote by wrapping text.

pull-quote.png

Format as header text

A workaround for customizing a stylized quote is to add the quote to a Text Block instead, and then give the quote a style like Header 2 or Header 3. Then use the Header 2 or Header 3 options in the Style Editor to change the appearance of the text.

Tip: Using headings for quotes may interfere with your site's SEO. This workaround is a good option if your template isn't in the above list and if your primary goal is to enhance a quote's design. However, search engines identify content in Heading styles (H1, H2, H3) as keyword-rich areas for indexing. By placing a quote or other text in a Heading style, you may give it more prominence than intended.

 

Was this article helpful?
52 out of 133 found this helpful
Using the Quote Block