How to highlight Author comments with image and background color in Thesis theme?

In this video tutorial, I am going to explain about how to highlight Author comments with your logo or any image and background color. If you are highlighting author comments, readers can know about the conversation of author and other readers.

This tutorial explains how to show image in author comments.  You can show your logo in your comments. And this video explains how to add code in  custom.css for changing colors for author comments. By this way you can differentiate author comments from other reader comments.

credit

To do watch our video tutorial:

As per our video paste below code in custom.css.

.avatar img {
float:left;
margin-left:-0.5em;
}

.custom dl#comment_list dd.bypostauthor
{
background-color:#e7f8fb;

}
.custom dl#comment_list dt.bypostauthor

{
background-color:#e7f8fb; padding-top:20px;

background: url(http://fourblogger.com/wp-content/uploads/2010/02/logo_961.png) no-repeat scroll right -0.4em ;

}

I trust it is enough for highlight author comments. If you have any query write in comment box. For more checkout our all Thesis theme tutorials..

Comments on this entry are closed.

  • Pascal February 16, 2010, 6:32 PM

    Thanks vivek.