If you want to add emphasis to a piece of text in your post or page, the pullquote block can enable you to make any short snippets look beautiful.
To add a pullquote, click on the Add Block button and select the Pullquote block. Alternatively, you can start typing
/pullquote in a new paragraph block, then press enter.
To reveal the block toolbar, you can click on the block and the toolbar will display. Each block comes with unique toolbar icons and specific user controls that allow you to manipulate the block right in the editor.
Like the paragraph block, this block also has color selection settings in the block’s sidebar settings.
The main color option allows you to set the color of the accent lines on the top and bottom of the regular style and changes the background color of the solid color style.
The text color option allows you to set the color of the pullquote’s text in both styles.
A block-specific toolbar will appear whenever you select the pullquote block. Three of the options are for the block’s alignment, right, center, and left. Choosing the right or left will allow you to place another block alongside the pullquote block moreover picking center will return the block to its default, taking up the full width of the post or page content.
The pullquote block includes two styles, Regular and Solid Color:
A regular pullquote is a simple style that looks like this:
Meanwhile, a solid color pullquote is a little different, and looks like this:
In addition to the options found in the block’s toolbar, you may locate the block specific settings in the editor sidebar panel. Clicking on the cog icon next to the publish button will toggle the visibility of this panel.
The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and apply styles to the block as you see fit.