Common
Getting Started
Updates
Writing & Editing
Categories & Taxonomies
Editor Blocks
How To’s
Features
Translations
JetPack
3rd Party API
Troubleshooting
Development
About The Theme

Pullquote Block

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.

Use the slash command /pullquote to insert a pullquote block

Detailed instructions on adding blocks can be found here.

Block Interface

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.

The pullquote block has alignment and text formatting options

Color Scheme

Like the paragraph block, this block also has color selection settings in the block’s sidebar settings.

The pullquote block with custom color 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.

Alignment

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 also has a Wide and Full-Width alignment that is useful for creating unique quotes and short snippets effects. These two options are exclusively available within the Conj - eCommerce WordPress Theme which supports these alignments in any fluid width page template.

Basic Text Formatting

  • Bold

  • Italics

  • Hyperlink

  • Strikethrough

Styles

The pullquote block includes two styles, Regular and Solid Color:

The pullquote block styles

A regular pullquote is a simple style that looks like this:

An example of a pullquote with the regular style

Meanwhile, a solid color pullquote is a little different, and looks like this:

A solid color pullquote with default color settings

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 pullquote block settings can be found in the sidebar

Advanced

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.

When selecting one of the two styles available, this field is pre-populated with the CSS class that targets the chosen style.