How to Highlight Author Comments & Edit Your Reply Button in Thesis

Ok, I have fallen in love with Thesis and its endless customization capabilities. Since installing and editing the theme over the weekend, I have learned quite a lot of customization techniques through experimentation and reading other tutorials online. So today, here’s a short tutorial on how to add a little spice to your dull reply button in thesis and also how to highlight your author comments on posts so that it stands out.

Here we go.

How to Edit the Reply Button

Thesis comes standard with a very dull reply button, that I have struggled to find when I first started using the theme. Especially since my eyesight is so poor. The code below will add a small yet bold background to your button.

Copy the code below to your custom.css file, which can be accessed easily within your dashboard through Thesis Options, then select Custom File Editor.

.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;}

Once the code is copied, ensure that you click save and that’s it. Remember that you can change the background color and thickness of the button.

How to Add a Blue Background to Author Replies in Comments

Usually, the author of a post has some insight into what he has written, so when an author makes comments they should easily be found, especially when there are lots of comments. By default, all main author comments have a light blue line to differentiate them from reader comments. Unfortunately, if you were to reply to a reader’s comment, there is only a thin blue line to the left of your author comment.

The code below will give author replies a blue background, or whichever color you choose, that will highlight the author comments and replies.

Copy the code below to your custom.css file as well and click save.

.custom dl#comment_list dt.bypostauthor, .custom dl#comment_list dd.bypostauthor>div {background: #E7F8FB none repeat scroll 0 0; padding-top:20px;}

That’s it! Simple isn’t it?

Questions? If you are having any difficulties customizing your theme or have any other questions, please feel free to leave a comment.

Related posts:

1. How to Add an About Author Box in Thesis 1.6
2. How to Add an About Author Bio Box in the Post Footer in WordPress
3. How To Create A Custom Front Page In WordPress

Tagged as: author, blog, comments, customize, edit, thesis