How to Display Round Gravatar Images in WordPress

Rounding Gravatars in WordPress
Yessenia Tellez

The solution is very simple. You don’t need to use any special software to create a rounded Gravatar image. Well, you can but other images will be not rounded (think about the comment section). In order to round all Gravatar images you need to add a few lines of CSS code to your stylesheet and it will do the trick for you. Today, we will show you how to make your WordPress Gravatar images rounded.

Arvixe Blog
Parthenia Fortier

This should work on most WordPress themes. However, if this does not work on your theme, then there is probably some plugin or your theme function messing with the default classes used for gravatar in WordPress. In order to find out which CSS class gravatar images are using in your theme, you need to open a blog post that has comments. Scroll down to the comments section, and right click on the gravatar image to select Inspect Element. It will show you the source code for your gravatar, like this:

How to Show Round Gravatar Images in WordPress
Linsey Sawyers

Today, I will demonstrate how to show round gravatar images in WordPress, by styling CSS. Adding CSS code to WordPress is easy and is one of the most important skills a web developer can have on the platform. CSS is used to alter the design of objects that appear on your website. What you can do with CSS is limited to how your theme is coded. Some themes may have better styling options than others.

How To Resize Gravatar Image In WordPress
Karla Simmons

When browsing different websites, you will notice that a lot of users have an image next to their name. Mainly, in the comments section. These photos square measure images known as “avatars.” But WordPress uses a particular form of avatar known as “Gravatars”–short for “Globally Recognized Avatar.” not like normal avatars, Gravatars follow you round the internet technology. That means, you just need to upload your image only one time and if you comment on other WordPress powered website it will automatically display your image there.

Be the first to comment

Leave a Reply

Your email address will not be published.