Quote blocks are an effective way to highlight important content and testimonials on your website. Here's how to use them effectively:

Adding a Quote Block:

1. Click Add Block in the editor and select Quote
2. Click the pencil icon to edit
3. Add quote text in the first field
4. Add source/attribution in the second field
5. Use Design tab for animations and background colors (v7.1 only)

Styling Your Quotes:

Font Customization:

• Go to Site Styles > Fonts > Assign Styles
• Scroll to quote blocks section
• Customize Text and Font styles

Color Settings:

• Navigate to Site Styles > Colors
• Click pencil icon on color theme
• Modify Text and Font colors in quote blocks section

Design Options:

• Add stroke (solid/dotted outline)
• Set transparency via Blend Mode
• Add blur effects to Element or Background
• Choose from various animations:
  • Fade In
  • Slide Up
  • Blurred Entry
  • Reveal

Alternative Quote Formatting Methods:

1. Text Block Quote Formatting:

• Highlight text
• Click quote icon for special formatting

2. Wrapped Text Method:

• Create magazine-style quotes by wrapping text blocks

3. Image Overlay Quotes:

• Place quotes over images in Dynamic Editor
• Use poster image blocks in classic editor

4. Header Formatting:

• Format quote text as Header 2 or 3
• Customize through site styles panel

Remember to save your changes after making any adjustments to quote styling.

Related Articles

Previous Articles