How to highlight author comments in thesis wordpress theme with background and logo
Thesis wordpress theme users are many!And so the doubts they get are also many.How to highlight the author comments in a post with an different background also with an image or logo?It is very simple to change the author comments back ground using the following steps.
1.In your wordpress admin click custom file editor in thesis options.
2.Copy the below code and paste it in the custom.css of your thesis wordpress theme to move the avatar image to the left side of your comments.
.avatar img {
float:left;
margin-left:-0.5em;
}
3.Now check your site,your avatar image will be in the left side of your comments.
4.Now copy the below code and paste it in custom.css for the comment backgroung and logo appearance in comments.
.custom dl#comment_list dd.bypostauthor
{
background-color:#e7f8fb;
}
.custom dl#comment_list dt.bypostauthor
{
background-color:#e7f8fb; padding-top:20px;
background: url(http://www.sensehow.com/wp-content/uploads/logos.jpg) no-repeat scroll right -0.4em ;
}
Note:change the image url to your logo url.
Now you will see that the author comments are different from that of the users in every posts.
Related posts:
- Thesis-how to place ads Above the post title in thesis wordpress theme
- How to add clickable header banner in thesis wordpress theme
- Adding author profile box in thesis wordpress theme
- How to add floating back to top button in thesis wordpress theme
- How to add author profile box below posts in wordpress themes
- Thesis 1.7 Review-wordpress premium theme
