Easy Way to Highlight Author Comments with a Different Background Color

Author comment to answer reader questions is important. But sometimes the reader have difficulty if an article has a lot of comments, where are the answers from the author? Specially when the discussion is heated, it is very interesting to see author’s thoughts.highlightcomment2

In this tutorial we will share the easy way to highlight Author comments in wordpress, without plugin.

The idea is that every comment on the wordpress will form a class. A class that will appear if the author commented, is “bypostauthor” class. In this article we only create a new class in the file style.css on your theme folder.

How to?

First you just need to open your style.css in your template folder and copy this code :

.bypostauthor{
    background-color: #D1D1D1 !important;
}

Then update your style.css file and the result below…

highlightcomment

You can see in this picture I use a color which have code : #d1d1d1

Of course you can change this color accordance with the color you want.

Finished :)

Finally if you have a problem or do you have another simple way? Please share with us in the comments section below.

22 Comments to “Easy Way to Highlight Author Comments with a Different Background Color”

Add Comments (+)

  1. Truden says:

    Hi, Amazing! Not clear for me, how offen you updating your http://www.dynamicwp.net.

  2. Garretot says:

    Hello,
    Can i get a one small picture from your blog?

    • dwi says:

      what kind picture garretot ? can you explain it.
      by the way I vistiting your web site it looks not on line, something wrong bro????

  3. Dog Dermatitis Itching says:

    hmm. attractive text ))

  4. Boldy says:

    Hola,
    Nombre de http://www.dynamicwp.net a GoogleReader!

  5. marties says:

    unfortunately it doesn’t work well with nested comments where postauhtor are mixed with others

  6. agungX says:

    i love all ur stuff dude,.. i will made like this blog ,.. u are inspired me,.

  7. Lupiro says:

    how to create this efect but for Administrator User? !important Thanx!

  8. Your blog is so informative … keep up the good work!!!!

  9. Kavita says:

    The code is not working. Do we have to add some code to comments.php also?

  10. Very helpful indeed.. thanx for the tip

  11. Ahmad Raza says:

    Thanks for the tutorial,,i just applied it on my blog and its working..

Trackbacks/Pingbacks

  1. how to ollie

Leave a Reply

 

Amazingly Beautiful WordPress Themes