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

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 Site Styles panel.

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

Some templates offer style 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 Site Styles.
  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.

Tip: For templates without style options, the Quote Block text uses the same style as your body text. See our tips below for more ways to make quotes stand out.
Template Tweak name

Adirondack

Quote Block

Avenue

n/a

Aviator family

Aubrey, Aviator

Quote Font, 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 

Galapagos

n/a

Ishimoto 

Quote, Quote Size

Momentum

Quote Block

Montauk family
Julia, Kent, Montauk, Om

n/a

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)

Supply

n/a

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 doesn't support Quote Block styles, 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 heading 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 Heading 2 or Heading 3. Then use the Heading 2 or Heading 3 options in the Site Styles panel 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 doesn't have Quote Block styles and 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?
58 out of 150 found this helpful