Skip to main content
Documentation/Elements & Controls Reference/Elements/Dynamic/Comments List

Comments List

Comments List displays comments associated with the current post. Use it in a single-post template alongside Comment Form.

Add and configure Comments List

  1. Click Add, choose Comments List, and place it in the container.
  2. Place the element in the current post's template.
  3. Configure Design > Size, Comment, Typography, and Spacing.
  4. Preview a post with existing comments to check the layout.
  5. Save your changes.
Comments List controls in the Breakdance editor
Comments List controls in the Breakdance editor

This element has no children; use its own controls.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Design > Size

Setting Purpose and options Behavior
Width Width. Responsive

Design > Comment

Setting Purpose and options Behavior
Avatar > Hide On/off. Shared

Shown when Hide is unset.

Setting Purpose and options Behavior
Avatar > Inset On/off. Shared
Avatar > Size Size and unit. Responsive
Avatar > Corners Custom, Square, Round. Shared
Setting Purpose and options Behavior
Avatar > Radius Radius and unit. When: Corners = Custom. Responsive
Borders borders controls. See linked controls
Padding spacing controls. See linked controls
Background Color or supported fill. Shared
Arrow > Disable On/off. Shared

Shown when Disable is unset.

Setting Purpose and options Behavior
Arrow > Color Color or supported fill. Shared
Arrow > Size Size and unit. Responsive
Arrow > Space After Space after and unit. Responsive

Design > Typography

Setting Purpose and options Behavior
Name typography controls. See linked controls
Date typography controls. See linked controls
Comment typography controls. See linked controls
Links typography controls. See linked controls

Design > Spacing

Setting Purpose and options Behavior
Comment > Space Between Space between and unit. Responsive
Comment > After Name After name and unit. Responsive
Comment > After Date After date and unit. Responsive
Comment > After Comment After comment and unit. Responsive
Comment > After Avatar After avatar and unit. Responsive
Container spacing controls. See linked controls

Troubleshooting

A recently submitted comment is missing

Check its moderation status in WordPress and confirm that you are viewing the correct post.

The list is empty in the editor

Choose a preview post with comments before adjusting its styling.