WordPress Wednesdays: highlight author comments

This WordPress Wednesdays entry is a re-post from Matthew’s old blog as we resurrect them here at GeekRev.

Today we will touch on a little trick that I have added in the last few days. This is a simple 2 minute change that I think really brings out the blog comments that much more.

Highlighting the author’s comments can really help readers easily track the author’s comments from everyone else. When readers come to a post with a ton of comments, they may want to check comments of the author first. There are some plugins that could do this job, but you know my stance on plugins over code!

So to get this working correctly in your WordPress blog, all you have to do is add the code snippet below to your style.css or for Standard Theme users, custom.css. Make sure you type this out, it will help you to learn the code rather than the easy copy and paste! This does get a little crazy with nested comments and I am working out the bugs now for it!

[CSS].commentlist li.bypostauthor, li.comment-author-admin {
background-color: #E0E0E0 !important;

You can change the style to whatever suits your theme colors. A subtle difference can go a long way!

So what do you think? Will you add it?

26 Replies to “WordPress Wednesdays: highlight author comments”

    1. The fun thing about is, you could do something as simple as just adding a border of a certain color around your comments. This would be just a touch of different and would draw the eye to your comments.

      Holler if you need any help!

  1. I figured it out with the help of a few folks from around the web!!

    #comments li.comment { background-color: #F5F5F5; -moz-border-radius: 4px 4px 4px 4px; }
    #comments li.odd { background-color: #F5F5F5; -moz-border-radius: 4px 4px 4px 4px; }
    #comments li.even { background-color: #F5F5F5; -moz-border-radius: 4px 4px 4px 4px; }
    #comments li.bypostauthor { background-color: #E0E0E0 !important; -moz-border-radius: 4px 4px 4px 4px; }

    #comments .comment .comment-container {
    border-bottom:1px solid #EEEEEE;

    #comments ul.children {
    -moz-border-radius:4px 4px 4px 4px;
    margin:10px 0 0 15px;

    This is for Standard Theme only and appears well – see above!

    1. Very cool! I just did this on my blog and it looks a lot better! One more question… how did you get the rectangle box around “Reply”? That looks nice.

  2. Methods for Unlock Iphone 4 gary the gadget guy Anyone who possesses an iPhone must are pointed out to you and will require unlock iPhone 4 h strategies, frequently regarding the particular application which can be on the other hand protect.Yet, perhaps it’s relatively irritating to uncover an individuals i personally mobile phone if you don’t find very good brand new iphone4 treatment of fasten in software.There are various for ads all around you, in spite of this, minus special comprehending you can find, entirely trapped, so several options a handful of big cash concerning very little. korvax

Leave a Reply

Your email address will not be published. Required fields are marked *