How to style Reply Buttons in Comment section in Thesis Theme?

How to style Reply Buttons in the Comment section in Thesis Theme?

 

Many times you don’t want Thesis default reply option because it is simple so Let’s style it .The only Thing you want to add is the below code in your “custom.css”

 

Code for styling Reply text in Comment section

.custom dl#comment_list dd p.reply { margin: 1em 0 1.5em 0; }
.custom dl#comment_list dd p.reply a {background: #2f2c28; color: #FFF;font-size: 11px;font-weight: normal;padding: 4px 6px;text-transform: uppercase;}
.custom dl#comment_list dd p.reply a:hover {background:#46382d; border: 0;}

Now ,you want admin comment to stand out of user’s comment in Thesis wordpress Theme.The only thing you want to add is the below code in your 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;
}

Below image shows the Background Blue color only in Admin Post.you can BackGround of Your Choice