Use Cases

The Fancy Paragraph block presents basic text content and supplemental information in a two-column format. This block highlights content inline with your copy and ensures that it displays correctly across all devices.

Benefits of the Fancy Paragraph’s two-column layout include:

Benefit	Concept
Highlighting content	Perfect for highlighting important information
Visual balance	Keeps the page visually appealing by breaking up dense text blocks
Improved comprehension	Nontext elements support and enhance the meaning of the text
Accessibility	Helps users parse information by pairing visual cues with text

Features

You can choose either “expanded” or “condensed” width options for the supplemental content displayed in a Fancy Paragraph block. This flexible approach allows for optimal display of different types of supplemental content across various screen sizes and breakpoints. Supplemental content block availability may differ based upon the selected width option.

Available Main Content Types

• Paragraph
• Heading
• List
• Accordion

Available Accompaniment Content Types

• Contact Card
• Icon
• Image
• Text Links
• Quote
• Event
• Fact
• Spotlight Card
• Form (uses Gravity Forms)

Migration From Stand-Alone Blocks

Starting with version 4.10, three stand-alone blocks will be incorporated into the Fancy Paragraph block as supplemental content types:

• Floated Spotlight Box — Previously used to point users to another page or story relevant to the current content
• Floated Fact — Previously used to draw attention to relevant facts with a custom heading, supporting text and icon
• Floated Image — previously used to float images beside text content

What This Means for Content Maintainers

If you have pages with these stand-alone blocks, here’s what you need to know:

1. Existing content: Pages with the legacy stand-alone blocks will continue to display correctly through CSS styling that preserves their appearance.
2. Editing existing content: When you edit a page that contains one of these legacy blocks, a migration script will automatically convert them to the Fancy Paragraph format.
3. Visual balance: After migration, you may need to adjust the amount of paragraph content beside the supplemental content to maintain visual balance between the left and right sides.
4. Why the change: This migration is part of removing all CSS floats from the theme, which improves responsiveness and accessibility. The Fancy Paragraph block provides a more modern and consistent way to achieve similar visual effects.

How To Use Migrated Content Types

When using these migrated content types within a Fancy Paragraph:

1. Add a Fancy Paragraph block to your page.
2. Add your paragraph text on the left side.
3. Select the appropriate supplemental content type (Spotlight, Icon or Image) for the right side.
4. Select either the “expanded” or the “condensed” width option to achieve the desired visual balance.
5. Adjust content as needed to ensure proper alignment and presentation.

The Fancy Paragraph approach provides better consistency across devices and improves the overall user experience compared to the older floating elements.