Lists in Kubrick comments

To modify the style of your lists in the comments, simply refer to your theme’s stylesheet. Specifically, look for .commentlist li. There are several places in your style.css file that it is referred to. For instance, the following causes the font to appear bold:

.commentlist li {
font-weight: bold;
}

This next bit of code adjusts the margins and padding surrounding your list elements, and also removes the marker from appearing:

.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}

Refer to this page for acceptable list-style values.

The font that is being displayed is not Courier. Your stylesheet includes the following:

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

The font size and families are being set by the above code.

I hope that helps.

OK, thanks, it seems from the way that the Kubrick comments template works that I can’t sort out the problem with lists within comments without putting a bullet beside each actual comment. I can understand what was causing the problem, but I’ll probably have to find a new theme after all.

Thanks

I think every theme displays the comments as a list. Or is it WP?
What you could try (it wasn’t tested!) to style your nested lists in the .commentlist class – because basically the lists inside/within the comments are nested, aren’t they?
(something similar as the nested lists in the sidebar/menu are styled)

You really don’t have to change themes to fix the problem. The CSS code that I posted above, namely the font-weight: bold; and list-style: none; are the two culprits for why your lists aren’t being formatted the way you like. Maybe I didn’t do a good job of explaining how to correct that.

Find the style.css file in your theme’s folder. You mentioned using Kubrick, so as long as you didn’t change the default path, it should be located here: ‘/wp-content/themes/default/style.css’.

Open this file in Notepad or another text editor, and do a search or find for “.commentlist li”. In between the braces {}, replace the font-weight: bold; with font-weight: none;.

Continue searching for “.commentlist li” until you see the list-style: none; code, and change that to list-style: disc; (refer to this site for other possible values).

I think that will make things look the way you want them to. Of course, there could be other effects with modifying the above values, in which case you would need to add additional CSS or change other areas to get the right look that you desire.

EDIT: I noticed you are already working on your site and changing themes, which is great if that’s the way you’d like to go, but I think some simple CSS tweaks would have achieved what you wanted, and more easily. ??

SHAMELESS PLUG: Also, I highly recommend (in case you aren’t already using it) installing the Firefox web browser, and installing the Web Developer extension, which will let you edit your CSS and preview in realtime what the effects will be. That’s all for now, good luck!