Pippin's Pages

Alternate Your Comment Colors

Effectively styling comments can be a difficult task. One tip to make your comments more readable is to alternate their background colors.

By default, WordPress assigns a class of “even” or “odd” to each comment in the list; the first is odd, the second even, the third odd, etc, etc.

So, to achieve the desired effect, put this in your style.css:

li.even	{
	list-style: none;
	background: #FFFF;
}
li.odd	{
	list-style: none;
	background: #F9F9F9;
}

Add in a few other styling elements, such as borders and clever margins, and you can get some really slick results.

Tags: comments, CSS, Wordpress
Posted in CSS, Tutorials | 2 Comments »