Making Your Images or Avatars Round

Why be a square when you can be round… okay, I may need to rethink that.

Sometimes having round images for your avatar gives your site some sort of an appeal. Here’s a simple and very easy way to do that. Search in your css file for .avatar and add border-radius: 50%;

.avatar {
    border-radius: 50%;
}

To make all the images round, search in your css file for .img and add border-radius: 50%;

img {
    border-radius: 50%;
}

To make selective images round. Create your own class or ID .pygs and add border-radius: 50%;

.pygs img {
    border-radius: 50%;
}

Results

Use Image On Post

Add Borders to Your Images Using CSS