How Keep original Author Avatar Square (not cropped round)

[m31]

Hello,

I’m modifying the functions.php file for News Pro Theme to display author avatar between post title and entry content. I’m using code from carriedils.com, posted below, to accomplish this.

The problem I would like to solve is that the avatar is cropped into a round circle, I would like to retain the original square format of the avatar. Thank you.

/**
* Add author avatar to post info output
*
* @uses get_avatar() <http://codex.wordpress.org/Function_Reference/get_avatar&gt;
* @uses get_author_posts_url() <http://codex.wordpress.org/Function_Reference/get_author_posts_url&gt;
*/
add_filter( 'genesis_post_info', 'cd_post_info_filter' );
function cd_post_info_filter( $post_info ) {
// get author details
$entry_author = get_avatar( get_the_author_meta( 'email' ), 64 );
$author_link = get_author_posts_url( get_the_author_meta( 'ID' ) );
// build updated post_info
$post_info = sprintf( '<span class="author-avatar">%s</span>', $author_link, $entry_author );
$post_info .= '[post_date] by [post_author_posts_link] [post_comments] [post_edit]';
return $post_info;
}

[Brad Dalton]

Look for CSS in your style.css file which uses the .avatar class to make the image round. Its not cropped round.

---

Tutorials for StudioPress Themes.

[m31]

Brad,

Thanks so much, you pointed me in the right direction and I was able to figure out how to modify the avatar class within the sites style.css. Even kept some border radius to round the corners of the square, which had a look I liked even better, below this reply is the snippet.

In addition, it gave me insight in how to control some other features. Much appreciated!

-Jason

.avatar {
border-radius: 15%;
float: left;
padding: 3px;
}

[Author]

Posts