Comment font size

Thanks for using Author!

You can add the following CSS to reduce the size of this text:

.comments-number h2,
#reply-title {
  font-size: 24px;
}

Please copy and paste that code into the Additional CSS section in the Live Customizer (Appearance > Customize), and it will take effect right away.

Much better, thank you!

Can I make the whole module smaller? The block, the spacing, the word “Comment”, the text box, all of it?

What do you mean by “smaller?” The whole comments can be made narrower like this, but I’m not sure if that’s what you mean:

#comments {
  width: 50%;
}

I need to be able to upload a screenshot…
I love the font sizes and spacing in actual content like poems and articles. I hate the huge size and spacing of page accessories like comments. Its not the width so much as everything seems to be double spaced. And the font sizes are the same as the real content. Comments are the same size and weight of the body text. They should be smaller text, more subtle, less obtrusive. So I think. AFAIK, the font customization only lets you do font styles, not size, and not line spacing.

The site is chelanharkin.com

• This reply was modified 3 years, 5 months ago by laurel.

Got it. I see the “input” styles have been updated on the site and the text within the comment fields is now much smaller and lighter.

If you add the following CSS, it will apply the same font and size to the labels and other text included in the comment form:

.comment-notes,
.comment-form label {
  font-size: 12px;
  font-family: 'Raleway Dots';
}