Title: Quote block
Author: Sophie - a11n
Published: March 7, 2019
Last modified: May 25, 2026

---

# Quote block

## In this article

 * [Add a Quote block](https://wordpress.org/documentation/article/quote-block/?output_format=md#add-a-quote-block)
 * [Block toolbar](https://wordpress.org/documentation/article/quote-block/?output_format=md#block-toolbar)
    - [Transform to](https://wordpress.org/documentation/article/quote-block/?output_format=md#transform-to)
    - [Drag icon](https://wordpress.org/documentation/article/quote-block/?output_format=md#drag-icon)
    - [Move handles](https://wordpress.org/documentation/article/quote-block/?output_format=md#move-handles)
    - [Change text alignment](https://wordpress.org/documentation/article/quote-block/?output_format=md#change-text-alignment)
    - [Bold](https://wordpress.org/documentation/article/quote-block/?output_format=md#bold)
    - [Italic](https://wordpress.org/documentation/article/quote-block/?output_format=md#italic)
    - [Link](https://wordpress.org/documentation/article/quote-block/?output_format=md#link)
    - [More rich text options](https://wordpress.org/documentation/article/quote-block/?output_format=md#more-rich-text-options)
    - [More options](https://wordpress.org/documentation/article/quote-block/?output_format=md#more-options)
 * [Block settings](https://wordpress.org/documentation/article/quote-block/?output_format=md#block-settings)
    - [Styles](https://wordpress.org/documentation/article/quote-block/?output_format=md#styles)
    - [Color](https://wordpress.org/documentation/article/quote-block/?output_format=md#color)
    - [Typography](https://wordpress.org/documentation/article/quote-block/?output_format=md#typography)
    - [Dimensions](https://wordpress.org/documentation/article/quote-block/?output_format=md#dimensions)
    - [Advanced](https://wordpress.org/documentation/article/quote-block/?output_format=md#advanced)
 * [Changelog](https://wordpress.org/documentation/article/quote-block/?output_format=md#changelog)

[ Back to top](https://wordpress.org/documentation/article/quote-block/?output_format=md#wp--skip-link--target)

[Go back to the list of **Blocks**](https://wordpress.org/documentation/article/blocks/)

Use the Quote block to easily add a quote to any post or page. Adding quotes can
help you highlight great reviews from your audience or phrases that inspire you.

## 󠀁[Add a Quote block](https://wordpress.org/documentation/article/quote-block/?output_format=md#add-a-quote-block)󠁿

To add the Quote block to a page, click the block inserter (+) to open the block
inserter pop-up window and choose the _Quote_ block.

![Demonstration to add the quote block to the editor](https://wordpress.org/documentation/
files/2023/03/quote-block.gif)

Alternatively, you can use the slash command, `/quote` in a new paragraph block 
then press `enter` to add one quickly.

[⌊Shortcut to add Quote block⌉⌊Shortcut to add Quote block⌉[

[Detailed instructions on adding blocks ](https://wordpress.org/documentation/article/adding-a-new-block/)

## 󠀁[Block toolbar](https://wordpress.org/documentation/article/quote-block/?output_format=md#block-toolbar)󠁿

Each block comes with unique toolbar icons and blocks specific user controls that
allow you to manipulate the block right in the editor.

To view the block toolbar, click on the block, and the toolbar will be displayed.

![Quote block toolbar](https://wordpress.org/documentation/files/2023/03/toolbar-
1.png)

The Quote block shows the following buttons:

 * Transform to
 * Drag icon
 * Move handles
 * Change text alignment
 * Bold
 * Italic
 * Link
 * More text editing options
 * Options

### 󠀁[Transform to](https://wordpress.org/documentation/article/quote-block/?output_format=md#transform-to)󠁿

![Transform tool for the Quote Block](https://wordpress.org/documentation/files/
2023/10/image-10.png)

Click on the **Transform **button to convert the _Quote _block into another block
type using the existing content.
You can transform the Quote block into a **Paragraph**,**
Columns**, **Group**, or **Pullquote **block. You can also change the style of the
Quote block from **Default **to **Plain**.

### 󠀁[Drag icon](https://wordpress.org/documentation/article/quote-block/?output_format=md#drag-icon)󠁿

![Drag and drop tool for the Quote block](https://wordpress.org/documentation/files/
2023/03/drag-1.png)

To drag and drop the block to a new location on the page template, click and hold
the rectangle of dots, then drag it to the new location. The blue separator line
indicates where the block will be placed. Release the left mouse button when you
find the new location to place the block.

### 󠀁[Move handles](https://wordpress.org/documentation/article/quote-block/?output_format=md#move-handles)󠁿

![Move handles for the Quote block](https://wordpress.org/documentation/files/2023/
03/arrows-1.png)

The up and down arrow icons can be used to move the block up and down on the page.

[Get more information about moving a block within the editor.](https://wordpress.org/documentation/article/moving-blocks/)

### 󠀁[Change text alignment](https://wordpress.org/documentation/article/quote-block/?output_format=md#change-text-alignment)󠁿

![Text alignment tool for the Quote block](https://wordpress.org/documentation/files/
2023/03/align-1.png)

.

Using the alignment drop-down from the toolbar, you are able to align the _Quote_
block to the left, make it center-aligned, or align it to the right.

### 󠀁[Bold](https://wordpress.org/documentation/article/quote-block/?output_format=md#bold)󠁿

![Bold text tool for the Quote block](https://wordpress.org/documentation/files/
2023/03/bold-2.png)

You can select the text in the _Quote_ block and use the Bold option or Ctrl+B or
Cmd+B on your keyboard to bold it, which is usually heavier than the surrounding
text.

### 󠀁[Italic](https://wordpress.org/documentation/article/quote-block/?output_format=md#italic)󠁿

![Italic text tool for the Quote block](https://wordpress.org/documentation/files/
2023/03/italics.png)

You can select any text inside the Quote block and use the **Italic** option or 
Ctrl+I or Cmd+I on your keyboard to italicize it, which usually appears slanted 
to the right.

### 󠀁[Link](https://wordpress.org/documentation/article/quote-block/?output_format=md#link)󠁿

Use the link icon to insert a hyperlink to the highlighted text inside the _Quote
_block.

[Read about more link editing options.](https://wordpress.org/documentation/article/link-editing/)

### 󠀁[More rich text options](https://wordpress.org/documentation/article/quote-block/?output_format=md#more-rich-text-options)󠁿

The drop-down menu to the left of the [More options menu](https://wordpress.org/documentation/article/more-options/)
contains a range of additional rich text editing options such as highlighting, inline
code, strikethrough, and more.

[Read about more rich text editing options.](https://wordpress.org/documentation/article/more-text-editing-overview/)

### 󠀁[More options](https://wordpress.org/documentation/article/quote-block/?output_format=md#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.

[Read about these and other settings.](https://wordpress.org/documentation/article/more-options/)

## 󠀁[Block settings](https://wordpress.org/documentation/article/quote-block/?output_format=md#block-settings)󠁿

The block settings panel contains customization options specific to the block. To
open it, select the block and click the **Settings **button next to the **Publish/
Update **button.

![Block settings button on the editor](https://wordpress.org/documentation/files/
2023/03/block-settings.png)

### 󠀁[Styles](https://wordpress.org/documentation/article/quote-block/?output_format=md#styles)󠁿

You can modify the Quote block styles by choosing the **Default **or **Plain **buttons
in the Styles settings panel. Hover over the **Default **or **Plain **buttons to
get a preview of the styles. 

The style options may vary based on your theme.

![Styles option for the Quote block](https://wordpress.org/documentation/files/2023/
03/styles-1-1024x843.png)

### 󠀁[Color](https://wordpress.org/documentation/article/quote-block/?output_format=md#color)󠁿

The _Quote_ block provides Color settings options to change the text and background
colors.

[[[See this guide for more information about changing colors.](https://wordpress.org/documentation/article/colors-settings-overview/)

### 󠀁[Typography](https://wordpress.org/documentation/article/quote-block/?output_format=md#typography)󠁿

The _Quote_ block_ _provides typography settings to change the font family, size,
appearance, line height, letter case, letter spacing, and decoration.

[Get more details about changing typography settings.](https://wordpress.org/documentation/article/typography-settings-overview/)

### 󠀁[Dimensions](https://wordpress.org/documentation/article/quote-block/?output_format=md#dimensions)󠁿

The Quote block provides dimension settings options to change padding and margin
size.

For details refer to this support article: [Dimension settings overview](https://wordpress.org/documentation/article/dimension-controls-overview/)

### 󠀁[Advanced](https://wordpress.org/documentation/article/quote-block/?output_format=md#advanced)󠁿

The Quote block provides the following Advanced settings options: HTML Anchor, Additional
CSS Class(es), Styles, and Allowed blocks.

[Learn more about advanced settings](https://wordpress.org/documentation/article/advanced-settings-overview/)

## 󠀁[Changelog](https://wordpress.org/documentation/article/quote-block/?output_format=md#changelog)󠁿

 * Updated 2026-05-25 (props to @kjoyner @awetz583)
    - Updated “Advanced” section to refer to new over view
 * Updated 2026-03-01
    - Add heading on “how to add” the block section (props katmoody, rollybueno)
 * Updated 2023-10-26
    - Updated content
 * Updated 2023-08-09
    - Replaced the link section with short summary linking to new dedicated page.
 * Updated 2023-06-08
    - Replaced “More rich text options” section with short summary linking to new
      dedicated page for rich text editing options.
 * Updated 2023-03-26
    - Updated content, images, and video for 6.2
 * Updated 2022-10-18
    - Updated images, video for 6.1
 * Updated 2022-06-24
    - Updated content, images, videos for 6.0
    - Added ALT tags for images
 * Updated 2020-09-21
    - Updated 5.5 video
 * Updated 2020-09-14
    - Updated 5.5 screenshots
    - Updated block toolbar new features
    - Updated block settings new features
 * Updated 2020-06-18
    - Added ‘Link back to blocks’ to the top of the page
    - Converted the ‘Advanced’ reusable block to a regular block
    - Add the ‘Changelog’
 * Created 2019-03-07

## Was this article helpful? How could it be improved? 󠀁[Cancel reply](https://wordpress.org/documentation/article/quote-block/?output_format=md#respond)󠁿

[Log in to submit feedback](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fdocumentation%2Farticle%2Fquote-block%2F&locale=en_US).
If you need support with something that wasn't covered by this article, please post
your question in the [support forums](https://wordpress.org/support/forums/).

First published

March 7, 2019

Last updated

May 25, 2026