Support » Theme: Author » Comment font size

  • The Comment font/display function on the website is just TOO HUGE. I need to make it smaller. Both “Leave a Reply” title and just the whole commenting function. It should not be anywhere the size of my page text. How can I do this?

    • This topic was modified 11 months, 1 week ago by laurel.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Ben Sibley

    (@bensibley)

    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.

    Thread Starter laurel

    (@lfitzhugh)

    Much better, thank you!

    Thread Starter laurel

    (@lfitzhugh)

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

    Theme Author Ben Sibley

    (@bensibley)

    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%;
    }
    Thread Starter laurel

    (@lfitzhugh)

    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 11 months ago by laurel.
    Theme Author Ben Sibley

    (@bensibley)

    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';
    }
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Comment font size’ is closed to new replies.