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.

Step 1 – Add your bio to wordpress

Fill out your profile information in the wordpress Users’ Profile section. Ensure to add your first name and your site’s name because the script will be calling and displaying this information on your posts.

Step 2 – Code in the Custom_functions.php file

Access your Thesis Options (Located at the bottom-left in your wordpress admin) and select Custom File Editor, this is where you will add the code to call the bio information. Within the thesis custom file editor, ensure that custom_functions.php is selected in the file selection drop-down menu at the top. If it is not selected then select it from the drop-down menu and click Edit Selected File.

Then add the code below at the end of the file and click save:

function post_footer() {
if (is_single())
{
?>
<div class="postauthor">
<?php echo get_avatar( get_the_author_id() , 120 ); ?>
<h4>Article by <a href="<?php the_author_url(); ?>">
<?php the_author_firstname(); ?> <?php the_author_lastname(); ?></a></h4>
<p><?php the_author_firstname(); ?> has written <strong><?php the_author_posts(); ?></strong> awesome articles for us. <br/><br/><?php the_author_description(); ?></p>
</div>
<?php
}
}
add_action('thesis_hook_after_post_box', 'post_footer');

Note: For the code in the bold highlight above, the RSS feed addresses should be changed to your own.

Step 3 – Code in the Custom.css file

Within your custom file editor select Custom.css from the drop-down menu and click edit selected file. Then add the css code below at the end of the file and hit save:

.postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; }
.postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; }
.postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; }
.postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; }


You should end up with something like this: And that’s it. Hope you found this useful.

Please let me know if this works for you or if you have any difficulties. Everybody is going crazy over the Thesis theme, can anyone convince me as to why I should switch?