Quote blocks

false

Quote blocks

Last updated September 21, 2026 20:36

Highlight important or noteworthy content using unique, stylized text.

Use quote blocks to call attention to specific information, break up large sections of text, and add a visual flair to your content.

Video on quote blocks

Watch this video to learn how to add and customize a quote block.

Add a quote block

To add a quote block:

1. Open the Pages panel.
2. Click the page where you want to add the block, then click Edit.
3. Click Add block or + to open the block menu, then click Quote.
4. Open the block editor by clicking the pencil icon on the block.
5. Enter the quote in the quote field.
6. Optional: Enter its source in the source field.
7. On version 7.1, click Design to add a background color, transform effect, stroke line, and more. Options vary between Fluid Engine and classic editor.
8. Click Animation to animate the block as it loads. The classic editor has different animation options.
9. Click Save.

Edit an existing quote block

It's not possible to edit the quote or source text directly on the page like with a text block. Instead, to edit an existing quote block:

1. Open the Pages panel.
2. Click the page with the quote block, then click Edit.
3. Double-click the block, or click the block once, then click the pencil.
4. Edit the quote and source fields.
5. Click Save.

Style the quote block's fonts and colors

How you style the quote depends on your template and version.

• Version 7.1
• Version 7.0

Customize the quote block's fonts

To style the quote block's fonts:

1. Open the Pages panel.
2. Click the page with the quote block, then click the paintbrush icon to open site styles.
3. Click > next to Fonts.
4. Click Assign Styles.
5. Scroll to the quote block section, then click Text and Source to style those fonts.
6. To return to site styles, click Back, then click Site Styles. Or, if you're done making changes, click Save.

Customize the quote block's colors

To style the quote block's colors:

1. Open the Pages panel.
2. Click the page with the quote block, then click the paintbrush icon to open site styles.
3. Click > next to Colors.
4. Hover over the color theme for the section with the quote block and click the pencil icon.
5. Scroll to the quote block section and click Text and Source to change those colors.
6. Click Save.

Most templates have style options for quote blocks. For templates without style options, the quote block text uses the same style as your body text.

Animate the quote (classic editor only)

Quote blocks in Fluid Engine have different animation options.

To add an animation effect to a quote block in the classic editor:

1. Open the Pages panel.
2. Click the page where you want to add the block, then click Edit.
3. Double-click the quote block, then click Design.
4. Select an effect from the dropdown menu. As you select an option, a preview appears on the page.

Choose from:

• None - No effect even if there are site-wide animation settings
• Site default - Text matches site-wide animation settings
• Fade in - Text fades in
• Slide up - Text slides up from below
• Focus in - Text looks blurry, then comes into focus
• Reveal - Text slides outward from the center

Here's an example of a quote block using the Focus in effect.

Other ways to add quotes

Here are some other options for adding quotes to your site and giving them unique formatting.

Format as quote text

To make a quote stand out within a text block, use quote formatting in the text block editor. This indents the quote. Depending on your site, a line may appear on the side and the text may be italicized.

Wrap the text (classic editor only)

For a magazine-style quote that stands out on a page, wrap one text block around another.

Was this article helpful?

Yes No

123 out of 310 found this helpful

Yes No

Quote blocks