WordPress.org

1. 7milesdown
   Member
   Posted 4 years ago #

   I've seen on several blogs gravatars with drop shadow etc......Can someone give me an example on how to accomplish this? Thanks.

2. 7milesdown
   Member
   Posted 4 years ago #

   There is a good example at http://www.rehanalvi.com

3. ceo
   Member
   Posted 4 years ago #

   Here's the code I used in my CSS for the drop shadow effect - you'll have to make your own graphic for whatever size gravatars you use. Hope this helps.

   .grav
{ margin: -5px 3px 0px -5px;
float: left;
width: 90px;
height: 90px;
padding: 7px !important;
border: 0 !important;
background: transparent url(/images/grav.png) 10px 10px no-repeat;
}
.grav img
{ width: 80px;
height: 80px;
padding: 0 !important;
border: 2px solid #FFF !important;
}

4. 7milesdown
   Member
   Posted 4 years ago #

   thank so much. I have had a graphic already for the default. Thanks again!

5. 7milesdown
   Member
   Posted 4 years ago #

   I just add this to the css and its good to go? Do I need to add anything to the comment section where I placed the gravatar?

6. 7milesdown
   Member
   Posted 4 years ago #

   ok, I added the css to the style sheet. Nothing changed???

7. ceo
   Member
   Posted 4 years ago #

   You need to set the code to put the gravatar in your comments - with a '<div class="grav">` in the comments.php.

Topic Closed

This topic has been closed to new replies.