Getting started with quote blocks is simple. Follow these direct instructions to add impactful quotes to your website:

Adding a Quote Block:

1. Open page/post editor
2. Click Add Block or insertion point
3. Select Quote
4. Enter quote text in first field
5. Add source in second field (optional)
6. Click Design to add animations or background color (7.1 version only)

Styling Options:

For Version 7.1:

• Font styling: Website Styles > Fonts > Assign Styles > Quote Block section
• Colors: Website Styles > Colors > Quote Block section
• Border options: Solid or dashed lines with customizable color and weight
• Blend Mode: Adjust transparency for overlaying quotes
• Blur effects: Available for element or background

Animation Effects:

• Fade In: Text gradually appears
• Slide Up: Text moves up from bottom
• Focus: Text sharpens from blur
• Reveal: Text emerges from center
• None: Disables animation
• Website Default: Uses site-wide settings

Alternative Quote Formatting:

1. Text Block Quote: Use quote icon for indented quotes
2. Wrapped Text: Magazine-style quotes surrounding text
3. Image Overlay: Place quotes over images (Creative Editor only)
4. Header Formatting: Style quotes as headers for emphasis

For image backgrounds in Classic Editor, use image blocks with text overlay:

Note: Quote block styling options vary by template. Templates without specific quote styling will default to body text style.

Related Articles

Previous Articles