How To Change Gravatar Size In Thematic Comments

  • About the author

    Cindy Cindy is a professional designer, tech enthusiast and avid gamer who has recently delved into the world of wordpress. She loves to work on Application GUI Design for mobile and desktop apps. When she's not working or blogging, you can find her tapping her life away to Tap Tap Revenge 3 on her iPhone 3GS.


gravatar size in thematic commentsI 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 established 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

  • How to replace header title with custom image in Thematic Feature Site
  • Set Up Nivo Slider in Thematic Feature Site
  • Set Up Nivo Slider in WordPress as a Text Widget



  • You might also like

    Related Posts
    • Lord Havalon, An Ultra Fractal graphic novel The following story youre about to read is the next chapter to The Circle of Trust, An Ultra Fractal Graphic Novel, another wild trip to my imagination. Artwork used for the graphic novel The picture of the weird overlord used...
    • Google Pacman Wordpress Plugin So I was checking out some new wordpress plugins to add to my site, then I read about this cool new game plugin called Google Pacman which was quickly done by Bradvin.  Google celebrated Pac-Man’s 30th anniversary by showing the...
    • Free Blog Traffic with Related Websites Plugin Are you frustrated with paid advertising where you get less traffic than what you paid for?  Do you want your posts to be advertised forever instead of a certain time period for free?  There is a cool plugin called Related...
    • Thematic: How To Replace Blog Title With A Thematic Header Image Hi friends and welcome to another series of my basic tutorials for adding a thematic header image.  Now that you have your nice Thematic Feature Site theme installed for wordpress blog, next is you would want to have your own thematic header image...
    This entry was posted in wordpress and tagged , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.
    • The On Demand Global Workforce - oDesk

    13 Comments

    1. Posted July 30, 2010 at 10:41 pm | Permalink

      Cindy,

      This is a great idea, I never thought of doing this. I wonder if this will work with my theme. I will have to look into this and see about making some changes to this on mine.
      @

    2. Posted July 30, 2010 at 11:56 pm | Permalink

      So this only works for that theme? This would cool to do as it would make some blogs a little more personal and intimate. I definitely wanna try it! I’m gonna to check with ET to see how I can do it on mine.

      By the way, how do you add that Twitter option below?
      Wayne Howard recently posted..Best Blogging Tools
      @

      • Posted July 31, 2010 at 8:36 am | Permalink

        You can try looking at your css file contains the same attributes. I havent checked how ElegantThemes work, but tweaking it will be easier once you find the right code to edit.

        I’m using TwitterLink plugin for commenters to add a twitter account. Its my favorite plugin so far :)
        Cindy recently posted..How To Change Gravatar Size In Thematic Comments
        @

    3. Posted August 1, 2010 at 5:31 am | Permalink

      Added my voice to the chorus of helpful stumblers – hope it helps. I definitely think theme hacks are a very useful sort of post – I’m searching for ways to modify my current theme to retain features I like while dropping ones that are very annoying.

      Will put this on reddit, too.
      ashok recently posted..Maimonides- “Letter to Obadiah the Proselyte”

    4. Posted August 2, 2010 at 12:59 am | Permalink

      Interesting stuff, Impressed :) Your blog is awesome and You share great content dude, keep rocking !
      Srivathsan G.K recently posted..3 Blogging Tips For College Students

    5. Posted August 4, 2010 at 2:24 pm | Permalink

      Changind gravatar size in thematic seems interesting. I was not aware of it, it seems something new and interesting. Let me try it out and hope this work with other themes also. Nice find :)
      Whiztechy recently posted..4 Biggest Failures from Google
      @

    6. Posted August 5, 2010 at 6:57 am | Permalink

      Nice brief and this mail helped me alot in my college assignement. Thank you as your information.

    7. Posted September 20, 2010 at 6:19 pm | Permalink

      I spent one day building a simple blogs. Could you give me some suggestion?

    8. Posted September 20, 2010 at 10:49 pm | Permalink

      awesome I genuinely including your own web-site maintain right throughout the figures I will indeed pop in a number of over request to see a number of even more thanks per ton.

    8 Trackbacks

    1. [...] How To Change Gravatar Size In Thematic Comments [...]

    2. [...] This post was mentioned on Twitter by dragonblogger and Ileane Smith, Cynthia Pedrosa. Cynthia Pedrosa said: How to change gravatar size in thematic comments – http://b2l.me/adrkyr (via @shareaholic) [...]

    3. By Vote on this article at blogengage.com on July 31, 2010 at 11:37 am

      Change Gravatar Size In Thematic Comments | The Game of Life…

      tutorial on how to change gravatar in thematic comments…

    4. [...] This post was mentioned on Twitter by SantoshSadangi, Element321. Element321 said: Change gravatar size in thematic comments | The Game of Life http://bit.ly/cDrRwx #wordpress #css [...]

    5. By Flared Feet Discovery on August 2, 2010 at 12:05 am

      [...] Change gravatar size in thematic comments | The Game of Life [...]

    6. By BloggerLUV on August 18, 2010 at 11:28 am

      Change gravatar size in thematic comments | The Game of Life…

      basic css tutorial on how you can resize gravatar in Thematic comments…

    7. [...] plugin requires php5 and curl.  This is what it looks like in action from one of my posts How To Change Gravatar Size In Thematic Comments.  Related Websites Plugin gives you the freedom to customize how you want the links displayed [...]

    8. By DO FOLLOW LUV on September 25, 2010 at 1:19 pm

      Change gravatar size in thematic comments…

      basic tutorial with images on how you can change gravatar size in Thematic comments…

    Post a Comment

    Your email is never published nor shared. Required fields are marked *

    *
    *

    You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

    CommentLuv badge

    This site uses KeywordLuv. Enter YourName@YourKeywords in the Name field to take advantage.

    Comment moderation is enabled. Your comment may take some time to appear.

    • Enter your email address for fast blog updates
    •     Followers
          9 Subscribers
          Submit Link

    •     

          

    • FamousBloggers.net contributer
    • Cindy - Find me on Bloggers.com