Sections

Post Comments section

The Post Comments section shows Ghost's own comments under a post: the comment box and the replies of your members. It works on the Post template and on the post templates you create. Page templates do not offer it. It holds no blocks and has no settings of its own beyond the shared ones: colors, width, spacing, corners and CSS. Click the section on the canvas to open its settings panel.

The comments show only when commenting is turned on in Ghost Admin, under Settings > Membership > Commenting. That is also where you choose who can comment. With commenting off, the section shows nothing. On the canvas, the section shows a placeholder, Comments Section, because the comments come from your Ghost site. Show comments on posts walks through the setup.

What visitors see

The section shows no heading and no comment count of its own. Ghost decides who may write: visitors who are not members see the comments and a prompt to sign up or sign in. To put a heading such as "Comments" above it, add a Section with a Heading right before it.

Colors

Setting What it does
Color Scheme The section's background and text colors, from your color schemes. Default uses the site's scheme. The Inherit, Light and Dark icons beside Theme in its list choose light or dark colors. Inherit follows the site's color mode.
Background A color that fills the section in place of its scheme's background. None by default. Add it from the + beside Colors.
Gradient None, one of the gradients saved in Styles, or Custom. Add it from the + beside Colors.
Text color The color of the section's text, and of the blocks inside that have no Text color of their own. Add it from the + beside Colors.

Layout

Setting What it does
Width How wide the section's box is, background included: Full (the default), Wide, Standard, Narrow, or a length you enter.
Content Width How wide the comments can grow: Standard (1140 px) by default. Choose Narrow (720 px) to line them up with a Post Content section at its default width.
Min Height None by default. A taller section keeps empty space around the comments.
Align Where the comments sit when they are narrower than the section: Left, Center (the default) or Right.
Vertical Align Shows when Min Height is not None. Places the comments at the Top, Center or Bottom of that height.

Spacing

Setting What it does
Padding Regular (40 px) at the top and bottom and Small (24 px) at the sides by default.
Margin Space outside the section, such as a gap above it.

Appearance and advanced

Corners rounds the section's corners. The + beside Advanced adds the CSS classes and Custom CSS fields to the panel. Layout settings, Colors and appearance settings and Advanced settings describe each value.

Was this article helpful?