[Solved] How to add verified batch after author name in comment area?

Hi cnpatel,

Put this CSS code in Dashboard > Comments > Settings > Styling > "Custom CSS Code" textarea. 

.wc-blog-post_author .wc-comment-author:after {
   font-family: FontAwesome;
   content: "\f058";
   font-size:1.5rem;
   font-weight: 400;
   color: #4DB2EC;
   padding: 0px 7px; 
}

It works for only author who wrote the post. I wanted to make it work for all authors (!important), admins, editors, contributors; available on the website.

I did this:

.wc-blog-author .wc-comment-author:after {
font-family: FontAwesome;
content: "\f058";
font-weight: 400;
color: #4DB2EC;
padding: 0px 7px; 
}
.wc-blog-post_author .wc-comment-author:after {
font-family: FontAwesome;
content: "\f058";
font-weight: 400;
color: #4DB2EC;
padding: 0px 7px; 
}

Any other way to make it short?

and this for admin:

.wc-blog-administrator .wc-comment-author:after {
font-family: FontAwesome;
content: "\f058";
font-weight: 400;
color: #4DB2EC;
padding: 0px 7px;
}

Any other way to make it short  for All (authors , admins, editors, contributors)?

Hi cnpatel,

This is the way to do what you want. You need to write the CSS code for each role (authors, admins, editors, contributors).