Citation blocks allow you to highlight important quotes and testimonials on your Squarespace website. Here's how to effectively use them:

Adding a Citation Block:

1. Open the page/post editor
2. Click "Add a block" or find an insertion point
3. Select "Citation"
4. Enter your quote in the first field
5. Add the source in the second field

Customizing Your Citation Block:

For Version 7.1:

• Fonts: Customize through Site Styles > Fonts > Assign styles
• Colors: Modify via Site Styles > Colors > Edit theme
• Border: Add solid or dashed lines with custom colors and thickness
• Animation: Choose from Fade in, Slide up, Focus, or Appear effects
• Blending modes: Add transparency when overlaying on images

Alternative Quote Styling Methods:

1. Quote Text Format: Use the quote icon in Text blocks for indented quotes
2. Magazine-Style: Place Text blocks around each other for emphasis
3. Image Overlay: Place Citation blocks over Image blocks (Intuitive Editor only)

For Image Block Overlays:

• Disable block background
• Ensure text is readable against the image
• Consider using the Poster Image block option

Title Formatting:

• Add quote text to a Text block
• Format as Title 2 or Title 3
• Customize appearance through Site Styles panel

Remember to save your changes after each modification and preview your site to ensure proper display across all devices.

Related Articles

Previous Articles