Gravatar

• 

  susanobryan · Member · Jan 14, 2014 at 7:15 pm

  • Copy link
  • Add topic to favorites

  How do I make my gravatar image circular?
  Also can I make my blogroll images (grid format) smaller?

  The blog I need help with is: (visible only to logged in users)

• 

  jcloutierdesign · Member · Jan 15, 2014 at 1:44 am

  • Copy link

  I would think that to make your gravatar circular you would have to do it in an image editing program such as photoshop. There is a free program that is pretty good that could do it at : http://pixlr.com

• 

  shaunandrews · Staff · Jan 15, 2014 at 3:53 pm

  • Copy link

  Hi there,

  You can make your gravatar image circular using some CSS:

  .entry .avatar { border-radius: 100%; }

  This will round your gravatar that shows next to your latest post on your site’s home page.

  To make your blogroll’s grid smaller, you can use CSS to decrease the size of the image:

  .widget-grid-view-image { max-width: 33%; }

  This will change the width of each image in your blog roll to be 33% of the width of your sidebar, which means you’ll have room for 3 images. You could also decrease it to 25% and have four images per row.

  If you’re new to CSS, you can learn some of the basics at:

  http://en.support.wordpress.com/custom-design/css-basics/

  To learn more about how CSS editing works at WordPress.com, see this help page:

  http://en.support.wordpress.com/custom-design/editing-css/

  If you need to hire a consultant to help you with in-depth design work or large CSS revisions, please consider getting a quote from Tweaky:

  http://en.support.wordpress.com/customize-my-site/request-theme-customization/

  I hope this helps!

• 

  susanobryan · Member · Jan 15, 2014 at 5:51 pm

  • Copy link

  Thanks so much. Let me get to work and see if I can figure out how to do myself.

• 

  susanobryan · Member · Jan 15, 2014 at 11:32 pm

  • Copy link

  Whoa, I did it! I need to study the css links you sent me, that was absurdly easy and so useful. Thanks again!