Comment Content Block

Go to the List of Blocks

The Comment Content block displays the content of a comment. This block is located inside a Comment Query Loop block and lets you customize the appearance of the comment’s content.

Comment Content block

You can only insert the Comment Content block inside a Comment Template block within the Comment Query Loop block. 

Click the (+) icon inside the comment template block to open the block inserter pop-up window and search for the Comment Content block.

You can also use the keyboard shortcut /comment-content to quickly insert a Comment Content block inside a Comment Template block.

How to quickly add a comment content block

Detailed instructions on adding blocks

Block toolbar

The block toolbar contains the tools to customize each block. The Comment Content block’s toolbar consists of the following tools:

Block toolbar in the Comment Content block

Transform to

You can transform a Comment Content block into a Columns, or a Group block. 

Transform option in the Comment Content block

Block-moving tools

Block moving tools in the Comment Content block

Use the block-moving tools to move the block up and down inside the editor. Use the six dots icon to drag and drop the Comment Content block and reposition it anywhere on the editor. Alternatively, click on the up and down arrows to move the block up or down the editor.

Get more information about moving a block within the editor.

Change text alignment

Change text alignment in the Comment Content block

Text alignment options let you align the content of a comment towards the left, center, or right.

Top ↑

More options

 

Read about these and other settings.

Top ↑

Block settings

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click the ‘cog’ icon.

Cog icon to display the Block sidebar

Here are the options for the Comment Content block:

Top ↑

Color

The comment content block lets you customize the text, and background colors.

Click on any of the options to change the color. Choose from the default color or click the upper rectangle area to pick a custom color using the color picker.

Color settings in the Comment Content block

See this guide for more information about changing colors.

Top ↑

Typography

Typography settings allow you to change a block’s font size, appearance, line height, letter casing, and spacing.

Typography settings in the Comment Content block

Get more details about changing typography settings.

Top ↑

Dimensions

Dimension controls are used to control how groups of blocks are placed alongside one another, by changing the values for padding, margin, and other dimensions

Dimension settings in the Comment Content block

Learn more about dimension controls.

Advanced

The “Advanced” tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles to the block.

Advanced settings in the Comment Content block

Top ↑

Changelog:

  • Created 2022-08-02

Was this article helpful? How could it be improved?