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

by Pascal on February 16, 2010

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.

Related Tutorials:

  1. Thesis Theme Customization for Content Round-Up
  2. How to Display Track backs after Comments in Wordpress Thesis Theme?
  3. How to Change Html Tags Style in Blog Post or Page of Thesis Theme?
  4. 5 Necessary HTML Tags for Blogs to Highlight Post or Page Content
  5. How to Upload Header Image or Logo in Thesis Theme

{ 2 comments }

Vivek February 16, 2010 at 6:26 PM

thanks again for this much awaited tutorial.

Pascal February 16, 2010 at 6:32 PM

Thanks vivek.

Comments on this entry are closed.

Page 1 of 0