How To Customize Author’s Comment Box and Comment Avatars In Wordpress
Tuesday, April 14th, 2009
Lately, I’ve been working in some small details in my blog - as some of you might have noticed. This time, I just wanted to post a quick tutorial about how to customize your comments in your Wordpress blog.
How to Change the Style of the Author’s Comment in Wordpress
You probably have seen this before, whenever you are reading the comments of a post and you notice that the author’s comment is highlighted in a particular way, just so it’s different than the rest. Well, there are many ways to get this done.
An easy way to do it is by going to Appearances -> Edit -> style.css and add the following class:
.author_comment {
background-color: #F1C056 !important;
}
This simple class will just change the background of the author’s comment box. Here you can customize the style of your author’s box by changing the border color, etc.
Finally, you need to make a small change in comments.php, so go to Appearances -> Edit -> comments.php. Once you are in the page, look up the line
<li <?php echo $oddcomment; ?>id="comment...
Change it to this:
<li class="<?php
/* Only use the author_comment class from style.css if the user_id is 1 (admin) */
if (1 == $comment->user_id)
$oddcomment = "author_comment";
echo $oddcomment;
?>" id="comment…
That’s all, if you followed this two simple steps correctly, your author’s box should be displaying with an improved and personalized style.
How to Change the Avatars Sizes in Comments
This is really easy, the kubrick wordpress template resizes the images to 32×32 by default. In order tyo change the sizes, go to Appearances -> Edit -> comments.php and look up
<?php echo get_avatar( $comment,
You will find a line that looks like
<?php echo get_avatar( $comment, 32 ); ?>
In order to make the image bigger just try changin the number 32 to 50. That’s all.
I hope you enjoyed this small tutorial. Until next time!
Sometimes when building a website, we are restricted to the use of certain type of fonts in order to maximize the compatibility with most of computers. This is because the page calls the font whenever it’s being loaded. While every computer has Arial, to be able to use an uncommon font will be an aditional issue developers will need to face. So, what if we want to create an innovative website with an original design that might require for us to have a wider choice of fonts? 
There is a nice plugin for Wordpress that allows you to upload the favicon that you made to your website. a Favicon is a small icon that appears next to your blog title and address. By using a Favicon you will let your users find you better in their bookmarks. Wordpress users can change a Favicon to their blog as the easiest way possible. The plugin is called 
If are you proficient with Php, HTML, and CSS the possibilities of what you can achieve with WordPress are unlimited. Even if you aren’t a coding or web development guru, there are still many simple things that you can do to improve your WordPress site. There are a countless number of plugins that do just about everything, but there are many times where all you need to do is copy and paste a simple line of code to tweak your site. Here are five of my favorite simple WordPress tricks to change the look, feel and function of your WordPress template.
