How To Change Gravatar Size In Thematic Comments

How To Change Gravatar Size In Thematic Comments

Already a Member? Log In to Your Account

How To Change Gravatar Size In Thematic Comments

How To Change Gravatar Size In Thematic Comments

I was looking at the comment section of my theme and thought I change gravatar size in thematic comments. Why?  I love big avatars and I want to see everyone's lovely faces.  And me being graphic and all, I love details.  So if you ever drop a comment in my blog, be sure to wear your best gravatar, so people can easily remember you.   Hey, I didn't make my comment section do follow for no reason, you know :)

Take advantage of gravatar size in thematic comments by using a logo

Now this is your chance to showcase your brand identity when you comment, so those who read it can have a clear idea of what you represent.  Miss Ileane made a great post about Establish Branding For Your Blog With A Gravatar and how you can build your online reputation with it.  Sometimes when we see a logo, the first thing that comes to mind is that it symbolizes an establishment group that means serious business.  And we wont be able to see that inside 36 x 36 pixels which is the default gravatar size in thematic comments.  This tutorial will teach you how to change it to 80 x 80 pixels. It can be any size from 1 to 512.

Import default.css from Thematic parent theme

Now before we go straight to the style.css in changing our gravatar size in thematic comments, we check if we have imported the stylesheet of our Parent Theme where it contains the css code for the thematic comments.

@import url('../thematic/library/styles/default.css');

Modify style.css in child theme to change gravatar size in thematic comments

Now we want to change gravatar size in thematic comments, so we copy this code from the Thematic default.css and paste it to our child theme style.css.

/* =Comments -------------------------------------------------------------- */
#comments-list li .avatar { position:absolute; top:22px; left:1.5em; width:80px; height:80px; }
#comments-list .comment-author { font-weight:bold; padding:49px 0 0 89px; }
#comments-list .comment-meta { color:#666; font-size:11px; padding:0 0 11px 89px; }

The other attributes included are the codes you might need to change as well like author name, comments, etc..  I can change the gravatar size in thematic comments to 512 pixels if I want to but I dont want to have stalkers going after your beautiful face because of me :)

Other tutorials for Thematic wordpress theme Original post: How To Change Gravatar Size In Thematic Comments
  Article Info
Created: Jul 31 2010 at 02:47:57 AM
Updated: Jul 31 2010 at 02:47:57 AM
Category: Web Design
Language: English

  Share This Article
Stumbleupon
Digg
Delicious
Reddit
  Ads
© 2006-2012 OnToplist.com, All Rights Reserved