Tuesday's Tips - Customizing Comment Author Avatar Image

To customize the comment author's avatar image you're going to look for this code in your template:

#comments .avatar-image-container img

If you can't find it in your template, copy and paste it after this code:

#comments h4

The CSS inside the brackets {} following that code will control what your post titles look like.
You can customize the code however you'd like--be creative! You can use my CSS Basics posts on Borders, Backgrounds, Text, and Padding & Margins for specific codes. If you have any questions on how to do something specific, ask in a comment and I'll get back as soon as I can.

For example, my current post title code looks like this:

#comments .avatar-image-container img {
border: 0px solid white;
border-radius: 45px;
-moz-border-radius:45px;
-webkit-border-radius:45px;
margin-left:3px;
}

So if you take a look at my code:
      - the image does not have a border
      - the image has rounded corners with a radius of 45px (this is what make the image look like a circle)
      - the image has a margin of 3px on the left