Comment Font Shrinkage

  • Resolved oeconomist

    (@oeconomist)


    7 years, 3 months ago

    When I use nesting of threaded comments, the font size of the comments shrinks with each iterations, and they quickly become painful to read. I look at the page source, but do not see what is shrinking the font-size. Nothing in my style.css calls for such shrinkage. Possibly this is behavior effected by the browser itself (in response to the use of list elements); but, if so, it is done by different browsers.

    I’d like to patch my style.css to prevent this behavior, but I’m shooting in the dark because I don’t know what elements are being styled perversely in the first place.

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • In your stylesheet, line 751:

    .commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

    The 0.9em is forcing each nested comment to be 90% of the size of the parent one, so the further down they go, the smaller they will get.

    caused by this style in style.css of your theme:

    .commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

    to keep all comment fonts the same size, try to change it for example to:

    .commentlist > li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
    Thread Starter oeconomist

    (@oeconomist)

    Thank you each! I missed that by virtue of searching for “font-size”.

    Thread Starter oeconomist

    (@oeconomist)

    .

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Comment Font Shrinkage’ is closed to new replies.