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.

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.

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:

Transform to

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

Block-moving tools

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

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

More options

 

The More Options menu represented by three vertical dots on the far right of the toolbar gives you more features such as the ability to duplicate, remove, or edit your block as HTML. 

Read about these and other settings.

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.

Here are the options for the Comment Content block:

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.

See this guide for more information about changing colors.

Typography

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

Get more details about changing typography settings.

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

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.