To add a Quote block:
Click the "+" block inserter icon in your editor
Search for "Quote" or find it in the Text blocks category
Click the Quote block to add it to your page
You can also quickly add a Quote block by typing /quote in any empty paragraph block and pressing Enter.
Block Toolbar
When you click on a Quote block, its toolbar appears above with options to customize the quote's styling and formatting.
The Quote block toolbar includes controls for:
Block transformation
Moving and arranging
Alignment
Citations
Additional options
Transform to
The Transform button lets you convert your Quote block into different block types while keeping your content - Paragraph, Columns, Group, or Pullquote. You can also switch between Default and Plain quote styles.
Moving and Arranging
Click and hold the drag handle (dots) to move the Quote block to a new location. A blue line will show where the block will be placed when you release your mouse.
Click the up or down arrows to move the Quote block one position at a time.
Text Alignment
Citation
Click to add or remove a citation under the last line of the quote.
More options
The Options menu represented by three vertical dots on the far right of the toolbar gives you more features such as the ability to duplicate or remove the block.
Block settings
Each block has a dedicated settings panel that allows for specific customization. To access these options, simply select the desired block and then click the Settings button located adjacent to the Publish/Update button.
Color
The Quote block offers Color settings that allow you to customize both the text and background colors, giving you the flexibility to modify the block's visual appearance.
Typography
The Quote block offers comprehensive typography controls, allowing you to customize the font family, size, appearance, line height, letter case, letter spacing, and text decoration to fine-tune the block's textual presentation.
Dimensions
The Quote block includes dimension settings that enable you to adjust the padding and margin sizes, giving you precise control over the block's spacing and layout.
Advanced
The Advanced tab provides options to incorporate an HTML anchor and assign one or more CSS classes to your block, allowing for enhanced customization and targeting.
The HTML anchor feature enables you to create a unique, direct web address for a specific Quote block, making it possible to link directly to that particular section of your page. With Additional CSS class(es), you can assign custom CSS classes to the block, giving you the flexibility to write and apply personalized styling as desired.