Title: Comments block
Author: Femy Praseeth
Published: February 14, 2023
Last modified: April 15, 2025

---

# Comments block

## In this article

 * [Block toolbar](https://wordpress.org/documentation/article/comments-block/?output_format=md#block-toolbar)
    - [Transform to](https://wordpress.org/documentation/article/comments-block/?output_format=md#transform-to)
    - [Moving handles](https://wordpress.org/documentation/article/comments-block/?output_format=md#moving-handles)
    - [Change alignment](https://wordpress.org/documentation/article/comments-block/?output_format=md#change-alignment)
 * [Options](https://wordpress.org/documentation/article/comments-block/?output_format=md#options)
 * [Block settings](https://wordpress.org/documentation/article/comments-block/?output_format=md#block-settings)
    - [Color](https://wordpress.org/documentation/article/comments-block/?output_format=md#color)
    - [Typography](https://wordpress.org/documentation/article/comments-block/?output_format=md#typography)
    - [Dimensions](https://wordpress.org/documentation/article/comments-block/?output_format=md#dimensions)
    - [Border](https://wordpress.org/documentation/article/comments-block/?output_format=md#border)
    - [Advanced](https://wordpress.org/documentation/article/comments-block/?output_format=md#advanced)
 * [Changelog](https://wordpress.org/documentation/article/comments-block/?output_format=md#changelog)

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

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

The _Comments_ block is an advanced block that displays post comments with various
visual configurations. It contains multiple blocks to show comments, such as [Comments Title](https://wordpress.org/support/article/comments-title-block/),
[Comment Template](https://wordpress.org/support/article/comment-template-block/),
[Comment Pagination](https://wordpress.org/documentation/article/comment-pagination-block/),
and [Post Comments Form](https://wordpress.org/support/article/post-comments-form-block/).
With the Comments block, adding a comment section to your posts becomes effortless.

To add the _Comments_ block, open the block inserter by clicking the (**+**) icon
on the upper left corner of the editor. After that, look for Comments using the 
search bar and click it to insert the block into the editor.

![A demonstration on how to add and use Comments block](https://wordpress.org/documentation/
files/2023/05/comments.gif)

Alternatively, you can type /comments on the editor to insert the _Comments_ block
manually.

Detailed instructions on adding blocks can be found [here](https://wordpress.org/support/article/adding-a-new-block/).

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

Most blocks have their own block-specific controls that allow you to manipulate 
the block right in the editor.

The _Comments Block_ shows the following buttons:

 * Transform to
 * Moving handles
 * Change alignment
 * More options

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

![The transform button on the Comments block toolbar](https://wordpress.org/documentation/
files/2023/05/image-6.png)

The Transform to button lets you change the _Comments_ block into a Columns or a
Group block. 

### 󠀁[Moving handles](https://wordpress.org/documentation/article/comments-block/?output_format=md#moving-handles)󠁿

![The block moving tools on the Comments block toolbar](https://wordpress.org/documentation/
files/2023/05/image6.png)

The dotted icons can be used to drag and drop a block to the place of your choosing.
The up and down arrow icons can be used to shift a block up and down in your document.

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

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

You can modify the alignment of the _Comments_ block using this tool. Click on the
icon and select one of the following alignment options:

 * **None**
 * **Wide width** – Increase the width of the block beyond the content size.
 * **Full width** – Extend the block to cover the full width of the screen.

![The change alignment options on the Comments block toolbar](https://wordpress.
org/documentation/files/2023/02/comments-block-change-alignment.png)

When you transform the _Comments_ block into a Columns block, the toolbar will show
an additional tool called Change vertical alignment with three options:

 * **Align top** – makes the block top-aligned.
 * **Align middle** – lets you align the block to the center.
 * **Align bottom** – makes the block right-aligned.

![The vertical alignment options on the Comments block toolbar](https://wordpress.
org/documentation/files/2023/05/image3.png)

## 󠀁[Options](https://wordpress.org/documentation/article/comments-block/?output_format=md#options)󠁿

The **Options **button on a block toolbar gives you more features to customize the
block. 

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

## 󠀁[Block settings](https://wordpress.org/documentation/article/comments-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_****
button.

![The block settings icon](https://wordpress.org/documentation/files/2023/05/image7.
png)

It’s possible to change the _Color_, _Typography,_ and _Dimensions_ settings. To
access them, open the _Styles _section:

![The styles tab](https://wordpress.org/documentation/files/2023/05/image4-464x1024.
png)

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

The _Comments_ block provides color settings options to change the text and background
colors.

For details, refer to this support article: [Color settings overview](https://wordpress.org/support/article/colors-settings-overview/)

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

The _Comments_ block provides typography settings to change the font family, appearance,
line height, letter spacing, decoration, letter case, and font size.

For details, refer to this support article: [Typography settings overview](https://wordpress.org/support/article/typography-settings-overview/)

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

The _Comments_ block provides dimension settings options to add padding and margin.

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

### 󠀁[Border](https://wordpress.org/documentation/article/comments-block/?output_format=md#border)󠁿

The _paragraph_ block provides border settings options to add border color, width,
and radius.

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

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

![The advanced settings on the block settings panel](https://wordpress.org/documentation/
files/2023/05/image2.png)

**Additional CSS Class(es)**

The _Comments_ block provides advanced settings for adding CSS class(es), allowing
you to style the block using custom CSS code.

**HTML Element**

Use this feature to select an HTML element in the _Comments_ block.

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

 * Updated 2025-04-15 (props to [@karthickmurugan](https://profiles.wordpress.org/karthickmurugan/))
    - Updated screenshots for 6.8
    - Add border support
 * Updated 2023-05-09
    - Updated for WordPress 6.2 update
 * Updated 2023-03-07
    - Fixed the link to Comment Pagination block page
 * Updated 2023-01-10
    - Added dimension settings
 * Created 2023-01-04

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

[Log in to submit feedback](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fdocumentation%2Farticle%2Fcomments-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

February 14, 2023

Last updated

April 15, 2025