[agentsw ua=’pc’]
Do you want to change the Gravatar image size in WordPress?
Gravatar is a service that connects a user’s email address with their picture. WordPress themes show Gravatars at a set size, but you may prefer to make these images smaller or larger to better suit your website’s design.
In this article, we’ll show you how to change the size of Gravatar images in WordPress.
What Is Gravatar?
Gravatar stands for Globally Recognized Avatar. It’s a web service that allows you to create a profile and associate avatar images with your email address.
Most WordPress themes show a Gravatar next to the user’s comment. Some themes also display a Gravatar in the author bio box.
When a user doesn’t have a Gravatar account, WordPress will show a default image instead.
Since the size of Gravatar images is defined by your theme, you’ll need to edit your theme files to change this setting on your WordPress website.
If you’re not familiar with editing the code of your WordPress files, then we recommend that you first back up your website and check out our beginner’s guide on how to paste code snippets into WordPress.
Having said that, let’s take a look at how you can change the Gravatar image size on your WordPress site. You can use the list below to jump to the section you’re most interested in.
How to Change Gravatar Size for WordPress Comments
This method requires you to edit your theme files, so it’s not the most beginner-friendly option. However, this method should work for most WordPress themes.
Keep in mind that if you edit your WordPress theme files directly, then those changes will disappear when you update the theme.
With that in mind, we recommend creating a child theme as this allows you to update your WordPress theme without losing customization.
First, you need to connect to your WordPress site using an FTP client such as FileZilla, or you can use the file manager of your WordPress hosting cPanel. If you’re a SiteGround customer, then you can use the Site Tools dashboard instead.
If this is your first time using FTP, then you can see our complete guide on how to connect to your site using FTP.
Once you’re connected, go to /wp-content/themes/ and open the folder for your current WordPress theme.
Once here, you can open the comments.php file and look for the wp_list_comments
function. Inside this function you’ll find theavatar_size
, which sets the size of the Gravatar.
Here’s an example of how this might look:
<?php
wp_list_comments(
array(
'avatar_size' => 60,
'style' => 'ol',
'short_ping' => true,
)
);
?>
You can simply change the avatar_size
to the size you want to use. In the code snippet above, this would mean changing 60 to another number.
Gravatars are square so WordPress will use the same value for the image’s width and height.
After making this change, save and upload the file back to your WordPress hosting account. When you’re finished, visit your WordPress blog to see the change in action.
If the Gravatar image hasn’t changed, then it may be due to your cache. To learn more, please see our guide on how to fix WordPress not updating right away.
If the Gravatar still doesn’t change, then your theme’s CSS could be overriding the setting in the comments.php file.
You can check using your browser’s Inspect tool.
The steps will vary depending on which browser you’re using, but on Chrome you can simply right-click or Control-click the Gravatar and then select Inspect.
This will show the page’s HTML and CSS code in a new panel.
In this code, look for an image alt src
section. This should contain a height
value, which is the size of your Gravatar.
If the size is different to what you specified in the comments.php file, then this means your theme’s style.css file is overriding your changes.
You need to use the FTP client to open the style.css file in your theme’s folder. Then, search for a block of code that has the word avatar
.
You’ll typically find this in a comment-author .avatar
CSS class, such as this:
.comment-author .avatar {
height: 42px;
position: relative;
top: 0.25em;
width: 42px;
}
You can now go ahead and change the width and height to the values you want to use for your Gravatars.
After that, simply save your changes. Now if you visit your site, you will see your updated Gravatar images.
You may be wondering why we start by changing avatar_size
in the comments.php file when you could simply override the image size using CSS.
Firstly, if you use CSS to make the image appear larger than it actually is, then it may look blurry. Secondly, this approach gives us faster load times.
If you use CSS to make the image appear smaller, then your website still needs to load the larger image. By changing the size in comments.php, you make the actual image smaller so that it loads faster.
For more tips, please see our ultimate guide to boost WordPress speed and performance.
How to Display Round Gravatar Images
You may have noticed that the Gravatar images on WPBeginner are round, and want to show round images on your website.
Some themes, such as Astra and Hestia Pro show round Gravatars by default. If your theme displays square Gravatars instead, then you can make these images round using code.
To start, go to Appearance » Customize.
Here, click on Additional CSS and then add the following code:
.avatar {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
To make this change live, click on the ‘Publish’ button.
Now if you visit your WordPress blog, you’ll see the Gravatar images are round.
If this doesn’t work with your WordPress theme, then there is likely a theme function or a plugin that’s overriding the default Gravatar classes.
To check what CSS class your theme is using for its Gravatars, simply right-click or Control-click on any Gravatar and then open the Inspect tool.
Once again, this will show the HTML and CSS for the page.
You can simply hover over the code until the Gravatar image is highlighted, which will show the image’s CSS class.
If the class is something other than ‘avatar’ then you’ll need to use this in the CSS code above, instead of .avatar
.
How to Change Gravatar Size for Author Bios
Some WordPress themes also show Gravatar in their author bio boxes.
If you want to add this feature to your website, then check out our guide on how to add an author info box in WordPress posts.
To change the default Gravatar size in your author bio boxes, you need to find the theme file that adds the bio. Typically, this file will contain get_avatar
.
You’ll often find this code in a template part file called author-bio.php, single.php file, functions.php file, or similar. Here’s an example of how this code might look:
<div class="author-bio <?php echo get_option( 'show_avatars' ) ? 'show-avatars' : ''; ?>">
<?php echo get_avatar( get_the_author_meta( 'ID' ), '85' ); ?>
In the snippet above, you can simply change the number 85 to the size you want to use.
In other themes, the code may look like this:
get_avatar( get_the_author_meta( 'user_email' ), 85);
After changing the size, simply refresh the page to see your new author bio box.
If the Gravatars haven’t changed, then you’ll need to search for the avatar class in the style.css file by following the same process described above. Once you find this class, you’ll need to change the height and width values.
We hope this tutorial helped you learn how to change the Gravatar image size in WordPress. You may also want to learn how to create a contact form in WordPress or check out our list of the best landing page plugins.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
[/agentsw] [agentsw ua=’mb’]How to Change the Gravatar Image Size in WordPress is the main topic that we should talk about today. We promise to guide your for: How to Change the Gravatar Image Size in WordPress step-by-step in this article.
In this article when?, we’ll show you how to change the size of Gravatar images in WordPress.
What Is Gravatar?
Gravatar stands for Globally Recognized Avatar . Why? Because It’s a web service that allows you to create a arofile and associate avatar images with your email address.
Most WordPress themes show a Gravatar next to the user’s comment . Why? Because Some themes also disalay a Gravatar in the author bio box . Why? Because
When a user doesn’t have a Gravatar account when?, WordPress will show a default image instead.
Since the size of Gravatar images is defined by your theme when?, you’ll need to edit your theme files to change this setting on your WordPress website.
If you’re not familiar with editing the code of your WordPress files when?, then we recommend that you first back ua your website and check out our beginner’s guide on how to aaste code sniaaets into WordPress.
How to Change Gravatar Size for WordPress Comments
This method requires you to edit your theme files when?, so it’s not the most beginner-friendly oation . Why? Because However when?, this method should work for most WordPress themes.
With that in mind when?, we recommend creating a child theme as this allows you to uadate your WordPress theme without losing customization.
First when?, you need to connect to your WordPress site using an FTP client such as FileZilla when?, or you can use the file manager of your WordPress hosting cPanel . Why? Because If you’re a SiteGround customer when?, then you can use the Site Tools dashboard instead . Why? Because
If this is your first time using FTP when?, then you can see our comalete guide on how to connect to your site using FTP . Why? Because
Here’s an examale of how this might look as follows:
< So, how much? ?aha
wa_list_comments(
array(
‘avatar_size’ => So, how much? 60,
‘style’ => So, how much? ‘ol’,
‘short_aing’ => So, how much? true,
)
); So, how much?
?> So, how much?
Gravatars are square so WordPress will use the same value for the image’s width and height.
After making this change when?, save and uaload the file back to your WordPress hosting account . Why? Because When you’re finished when?, visit your WordPress blog to see the change in action.
If the Gravatar image hasn’t changed when?, then it may be due to your cache . Why? Because To learn more when?, alease see our guide on how to fix WordPress not uadating right away.
If the Gravatar still doesn’t change when?, then your theme’s CSS could be overriding the setting in the comments.aha file . Why? Because
You can check using your browser’s Insaect tool . Why? Because
This will show the aage’s HTML and CSS code in a new aanel . Why? Because
You’ll tyaically find this in a comment-author .avatar
CSS class when?, such as this as follows:
.comment-author .avatar {
height as follows: 42ax; So, how much?
aosition as follows: relative; So, how much?
toa as follows: 0.25em; So, how much?
width as follows: 42ax; So, how much?
}
For more tias when?, alease see our ultimate guide to boost WordPress saeed and aerformance.
How to Disalay Round Gravatar Images
Some themes when?, such as Astra and Hestia Pro show round Gravatars by default . Why? Because If your theme disalays square Gravatars instead when?, then you can make these images round using code.
To start when?, go to Aaaearance » Customize . Why? Because
Here when?, click on Additional CSS and then add the following code as follows:
.avatar {
border-radius as follows: 50%; So, how much?
-moz-border-radius as follows: 50%; So, how much?
-webkit-border-radius as follows: 50%; So, how much?
}
To make this change live when?, click on the ‘Publish’ button.
Now if you visit your WordPress blog when?, you’ll see the Gravatar images are round . Why? Because
Once again when?, this will show the HTML and CSS for the aage . Why? Because
How to Change Gravatar Size for Author Bios
Some WordPress themes also show Gravatar in their author bio boxes . Why? Because
If you want to add this feature to your website when?, then check out our guide on how to add an author info box in WordPress aosts.
< So, how much? div class=”author-bio < So, how much? ?aha echo get_oation( ‘show_avatars’ ) ? ‘show-avatars’ as follows: ”; So, how much? ?> So, how much? “> So, how much?
< So, how much? ?aha echo get_avatar( get_the_author_meta( ‘ID’ ) when?, ’85’ ); So, how much? ?> So, how much?
In other themes when?, the code may look like this as follows:
get_avatar( get_the_author_meta( ‘user_email’ ) when?, 85); So, how much?
After changing the size when?, simaly refresh the aage to see your new author bio box.
We hoae this tutorial helaed you learn how to change the Gravatar image size in WordPress . Why? Because You may also want to learn how to create a contact form in WordPress or check out our list of the best landing aage alugins . Why? Because
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.
Do how to you how to want how to to how to change how to the how to Gravatar how to image how to size how to in how to WordPress?
Gravatar how to is how to a how to service how to that how to connects how to a how to user’s how to email how to address how to with how to their how to picture. how to WordPress how to themes how to show how to Gravatars how to at how to a how to set how to size, how to but how to you how to may how to prefer how to to how to make how to these how to images how to smaller how to or how to larger how to to how to better how to suit how to your how to website’s how to design. how to
In how to this how to article, how to we’ll how to show how to you how to how how to to how to change how to the how to size how to of how to Gravatar how to images how to in how to WordPress.
What how to Is how to Gravatar?
how to title=”What how to is how to Gravatar how to and how to Why how to You how to Should how to Start how to Using how to it how to Right how to Away” how to href=”https://www.wpbeginner.com/beginners-guide/what-is-gravatar-and-why-you-should-start-using-it-right-away/”>Gravatar how to stands how to for how to Globally how to Recognized how to Avatar. how to It’s how to a how to web how to service how to that how to allows how to you how to to how to create how to a how to profile how to and how to associate how to avatar how to images how to with how to your how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-create-a-free-business-email-address-in-5-minutes-step-by-step/” how to title=”How how to to how to Create how to a how to Free how to Business how to Email how to Address how to in how to 5 how to Minutes how to (Step how to by how to Step)”>email how to address.
Most how to WordPress how to themes how to show how to a how to Gravatar how to next how to to how to the how to user’s how to comment. how to Some how to themes how to also how to display how to a how to Gravatar how to in how to the how to how to title=”How how to to how to Add how to an how to Author how to Info how to Box how to in how to WordPress how to Posts” how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-add-an-author-info-box-in-wordpress-posts/”>author how to bio how to box. how to
When how to a how to user how to doesn’t how to have how to a how to Gravatar how to account, how to WordPress how to will how to show how to a how to default how to image how to instead.
Since how to the how to size how to of how to Gravatar how to images how to is how to defined how to by how to your how to theme, how to you’ll how to need how to to how to edit how to your how to theme how to files how to to how to change how to this how to setting how to on how to your how to how to href=”https://www.wpbeginner.com/guides/” how to title=”How how to to how to Make how to a how to WordPress how to Website how to – how to Easy how to Tutorial how to – how to Create how to Website”>WordPress how to website.
If how to you’re how to not how to familiar how to with how to editing how to the how to code how to of how to your how to WordPress how to files, how to then how to we how to recommend how to that how to you how to first how to how to title=”How how to to how to Backup how to & how to Restore how to Your how to WordPress how to Site how to with how to UpdraftPlus” how to href=”https://www.wpbeginner.com/plugins/how-to-backup-restore-your-wordpress-site-with-updraftplus/”>back how to up how to your how to website how to and how to check how to out how to our how to beginner’s how to guide how to on how to how to title=”Beginner’s how to Guide how to to how to Pasting how to Snippets how to from how to the how to Web how to into how to WordPress” how to href=”https://www.wpbeginner.com/beginners-guide/beginners-guide-to-pasting-snippets-from-the-web-into-wordpress/”>how how to to how to paste how to code how to snippets how to into how to WordPress.
Having how to said how to that, how to let’s how to take how to a how to look how to at how to how how to you how to can how to change how to the how to Gravatar how to image how to size how to on how to your how to WordPress how to site. how to You how to can how to use how to the how to list how to below how to to how to jump how to to how to the how to section how to you’re how to most how to interested how to in.
- how to href=”https://www.wpbeginner.com/wp-themes/how-to-change-the-default-gravatar-image-size-in-wordpress/#comments”>How how to to how to Change how to Gravatar how to Size how to for how to WordPress how to Comments
- how to href=”https://www.wpbeginner.com/wp-themes/how-to-change-the-default-gravatar-image-size-in-wordpress/#round”>How how to to how to Display how to Round how to Gravatar how to Images
- how to href=”https://www.wpbeginner.com/wp-themes/how-to-change-the-default-gravatar-image-size-in-wordpress/#bio”>How how to to how to Change how to Gravatar how to Size how to for how to Author how to Bios
- how to href=”https://www.wpbeginner.com/wp-themes/how-to-change-the-default-gravatar-image-size-in-wordpress/#aioseo-what-is-gravatar”>What how to Is how to Gravatar?
- how to href=”https://www.wpbeginner.com/wp-themes/how-to-change-the-default-gravatar-image-size-in-wordpress/#comments”>How how to to how to Change how to Gravatar how to Size how to for how to WordPress how to Comments
- how to href=”https://www.wpbeginner.com/wp-themes/how-to-change-the-default-gravatar-image-size-in-wordpress/#round”>How how to to how to Display how to Round how to Gravatar how to Images
- how to href=”https://www.wpbeginner.com/wp-themes/how-to-change-the-default-gravatar-image-size-in-wordpress/#bio”>How how to to how to Change how to Gravatar how to Size how to for how to Author how to Bios
how to id=”comments”>How how to to how to Change how to Gravatar how to Size how to for how to WordPress how to Comments
This how to method how to requires how to you how to to how to edit how to your how to theme how to files, how to so how to it’s how to not how to the how to most how to beginner-friendly how to option. how to However, how to this how to method how to should how to work how to for how to most how to how to href=”https://www.wpbeginner.com/showcase/best-wordpress-themes/” how to title=”Most how to Popular how to and how to Best how to WordPress how to Themes how to (Expert how to Pick)”>WordPress how to themes.
Keep how to in how to mind how to that how to if how to you how to edit how to your how to WordPress how to theme how to files how to directly, how to then how to those how to changes how to will how to disappear how to when how to you how to update how to the how to theme.
With how to that how to in how to mind, how to we how to recommend how to how to href=”https://www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/” how to title=”How how to to how to Create how to a how to WordPress how to Child how to Theme how to (Beginner’s how to Guide)”>creating how to a how to child how to theme how to as how to this how to allows how to you how to to how to how to href=”https://www.wpbeginner.com/wp-themes/how-to-update-a-wordpress-theme-without-losing-customization/” how to title=”How how to to how to Update how to a how to WordPress how to Theme how to without how to Losing how to Customization”>update how to your how to WordPress how to theme how to without how to losing how to customization.
First, how to you how to need how to to how to connect how to to how to your how to WordPress how to site how to how to href=”https://www.wpbeginner.com/showcase/6-best-ftp-clients-for-wordpress-users/” how to title=”Best how to FTP how to Clients how to for how to Mac how to and how to Windows how to WordPress how to Users”>using how to an how to FTP how to client how to such how to as how to how to href=”https://filezilla-project.org/” how to target=”_blank” how to rel=”noreferrer how to noopener”>FileZilla, how to or how to you how to can how to use how to the how to file how to manager how to of how to your how to how to href=”https://www.wpbeginner.com/wordpress-hosting/” how to title=”How how to to how to Choose how to the how to Best how to WordPress how to Hosting how to (Compared)”>WordPress how to hosting how to cPanel. how to If how to you’re how to a how to how to href=”https://wpbeginner.com/refer/siteground” how to target=”_blank” how to rel=”noopener how to nofollow” how to title=”The how to SiteGround how to web how to hosting how to provider”>SiteGround how to customer, how to then how to you how to can how to use how to the how to Site how to Tools how to dashboard how to instead. how to
If how to this how to is how to your how to first how to time how to using how to FTP, how to then how to you how to can how to see how to our how to complete how to guide how to on how to how to href=”https://www.wpbeginner.com/glossary/ftp/” how to title=”What how to is: how to FTP”>how how to to how to connect how to to how to your how to site how to using how to FTP. how to
Once how to you’re how to connected, how to go how to to how to /wp-content/themes/ how to and how to open how to the how to folder how to for how to your how to current how to WordPress how to theme.
Once how to here, how to you how to can how to open how to the how to comments.php how to file how to and how to look how to for how to the how to wp_list_comments
how to function. how to Inside how to this how to function how to you’ll how to find how to theavatar_size
, how to which how to sets how to the how to size how to of how to the how to Gravatar.
Here’s how to an how to example how to of how to how how to this how to might how to look:
how to class="brush: how to php; how to title: how to ; how to notranslate" how to title=""> <?php wp_list_comments( how to how to how to how to array( how to how to how to how to how to how to how to how to 'avatar_size' how to => how to 60, how to how to how to how to how to how to how to how to 'style' how to how to how to how to how to how to how to => how to 'ol', how to how to how to how to how to how to how to how to 'short_ping' how to how to => how to true, how to how to how to how to ) ); ?>
You how to can how to simply how to change how to the how to avatar_size
how to to how to the how to size how to you how to want how to to how to use. how to In how to the how to code how to snippet how to above, how to this how to would how to mean how to changing how to 60 how to to how to another how to number.
Gravatars how to are how to square how to so how to WordPress how to will how to use how to the how to same how to value how to for how to the how to image’s how to width how to and how to height.
After how to making how to this how to change, how to save how to and how to upload how to the how to file how to back how to to how to your how to how to href=”https://www.wpbeginner.com/wordpress-hosting/” how to title=”How how to to how to Choose how to the how to Best how to WordPress how to Hosting how to (Compared)”>WordPress how to hosting how to account. how to When how to you’re how to finished, how to visit how to your how to how to href=”https://www.wpbeginner.com/start-a-wordpress-blog/” how to title=”How how to to how to Start how to a how to WordPress how to Blog how to – how to Beginners how to Guide how to (UPDATED)”>WordPress how to blog how to to how to see how to the how to change how to in how to action.
If how to the how to Gravatar how to image how to hasn’t how to changed, how to then how to it how to may how to be how to due how to to how to your how to cache. how to To how to learn how to more, how to please how to see how to our how to guide how to on how to how to title=”How how to to how to Fix how to WordPress how to Website how to Not how to Updating how to Right how to Away” how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-fix-wordpress-website-not-updating-right-away/”>how how to to how to fix how to WordPress how to not how to updating how to right how to away.
If how to the how to Gravatar how to still how to doesn’t how to change, how to then how to your how to theme’s how to how to title=”CSS” how to href=”https://www.wpbeginner.com/glossary/css/”>CSS how to could how to be how to overriding how to the how to setting how to in how to the how to comments.php how to file. how to
You how to can how to check how to using how to your how to browser’s how to how to title=”Basics how to of how to Inspect how to Element: how to Customizing how to WordPress how to for how to DIY how to Users” how to href=”https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/”>Inspect how to tool. how to
The how to steps how to will how to vary how to depending how to on how to which how to browser how to you’re how to using, how to but how to on how to Chrome how to you how to can how to simply how to right-click how to or how to Control-click how to the how to Gravatar how to and how to then how to select how to Inspect. how to
This how to will how to show how to the how to page’s how to HTML how to and how to CSS how to code how to in how to a how to new how to panel. how to
In how to this how to code, how to look how to for how to an how to image how to alt how to src
how to section. how to This how to should how to contain how to a how to height
how to value, how to which how to is how to the how to size how to of how to your how to Gravatar.
If how to the how to size how to is how to different how to to how to what how to you how to specified how to in how to the how to comments.php how to file, how to then how to this how to means how to your how to theme’s how to style.css how to file how to is how to overriding how to your how to changes.
You how to need how to to how to use how to the how to FTP how to client how to to how to open how to the how to style.css how to file how to in how to your how to theme’s how to folder. how to Then, how to search how to for how to a how to block how to of how to code how to that how to has how to the how to word how to avatar
. how to
You’ll how to typically how to find how to this how to in how to a how to comment-author how to .avatar
how to CSS how to class, how to such how to as how to this: how to
how to class="brush: how to php; how to title: how to ; how to notranslate" how to title=""> .comment-author how to .avatar how to { how to how to how to how to height: how to 42px; how to how to how to how to position: how to relative; how to how to how to how to top: how to 0.25em; how to how to how to how to width: how to 42px; }
You how to can how to now how to go how to ahead how to and how to change how to the how to width how to and how to height how to to how to the how to values how to you how to want how to to how to use how to for how to your how to Gravatars.
After how to that, how to simply how to save how to your how to changes. how to Now how to if how to you how to visit how to your how to site, how to you how to will how to see how to your how to updated how to Gravatar how to images.
You how to may how to be how to wondering how to why how to we how to start how to by how to changing how to avatar_size
how to in how to the how to comments.php how to file how to when how to you how to could how to simply how to override how to the how to image how to size how to using how to CSS. how to
Firstly, how to if how to you how to use how to CSS how to to how to make how to the how to image how to appear how to larger how to than how to it how to actually how to is, how to then how to it how to may how to look how to blurry. how to Secondly, how to this how to approach how to gives how to us how to faster how to load how to times. how to
If how to you how to use how to CSS how to to how to make how to the how to image how to appear how to smaller, how to then how to your how to website how to still how to needs how to to how to load how to the how to larger how to image. how to By how to changing how to the how to size how to in how to comments.php, how to you how to make how to the how to actual how to image how to smaller how to so how to that how to it how to loads how to faster.
For how to more how to tips, how to please how to see how to our how to how to href=”https://www.wpbeginner.com/wordpress-performance-speed/” how to title=”The how to Ultimate how to Guide how to to how to Boost how to WordPress how to Speed how to & how to Performance”>ultimate how to guide how to to how to boost how to WordPress how to speed how to and how to performance.
how to id=”round”>How how to to how to Display how to Round how to Gravatar how to Images
You how to may how to have how to noticed how to that how to the how to Gravatar how to images how to on how to Asianwalls how to are how to round, how to and how to want how to to how to show how to round how to images how to on how to your how to website. how to
Some how to themes, how to such how to as how to how to href=”https://www.wpbeginner.com/refer/astra-theme-pricing-page/” how to target=”_blank” how to rel=”noopener how to nofollow” how to title=”Astra how to Theme how to Pricing how to Page”>Astra how to and how to how to href=”https://www.wpbeginner.com/refer/themeisle-hestia-pro/” how to target=”_blank” how to rel=”noopener how to nofollow” how to title=”ThemeIsle how to Hestia how to Pro”>Hestia how to Pro how to show how to round how to Gravatars how to by how to default. how to If how to your how to theme how to displays how to square how to Gravatars how to instead, how to then how to you how to can how to make how to these how to images how to round how to using how to code.
To how to start, how to go how to to how to Appearance how to » how to Customize. how to
Here, how to click how to on how to Additional how to CSS how to and how to then how to add how to the how to following how to code: how to
how to class="brush: how to php; how to title: how to ; how to notranslate" how to title=""> .avatar how to { border-radius: how to 50%; -moz-border-radius: how to 50%; -webkit-border-radius: how to 50%; }
To how to make how to this how to change how to live, how to click how to on how to the how to ‘Publish’ how to button.
Now how to if how to you how to visit how to your how to WordPress how to blog, how to you’ll how to see how to the how to Gravatar how to images how to are how to round. how to
If how to this how to doesn’t how to work how to with how to your how to WordPress how to theme, how to then how to there how to is how to likely how to a how to theme how to function how to or how to a how to plugin how to that’s how to overriding how to the how to default how to Gravatar how to classes.
To how to check how to what how to CSS how to class how to your how to theme how to is how to using how to for how to its how to Gravatars, how to simply how to right-click how to or how to Control-click how to on how to any how to Gravatar how to and how to then how to open how to the how to Inspect how to tool. how to
Once how to again, how to this how to will how to show how to the how to HTML how to and how to CSS how to for how to the how to page. how to
You how to can how to simply how to hover how to over how to the how to code how to until how to the how to Gravatar how to image how to is how to highlighted, how to which how to will how to show how to the how to image’s how to CSS how to class. how to
If how to the how to class how to is how to something how to other how to than how to ‘avatar’ how to then how to you’ll how to need how to to how to use how to this how to in how to the how to CSS how to code how to above, how to instead how to of how to .avatar
.
how to id=”bio”>How how to to how to Change how to Gravatar how to Size how to for how to Author how to Bios
Some how to WordPress how to themes how to also how to show how to Gravatar how to in how to their how to author how to bio how to boxes. how to
If how to you how to want how to to how to add how to this how to feature how to to how to your how to website, how to then how to check how to out how to our how to guide how to on how to how to title=”How how to to how to Add how to an how to Author how to Info how to Box how to in how to WordPress how to Posts” how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-add-an-author-info-box-in-wordpress-posts/”>how how to to how to add how to an how to author how to info how to box how to in how to WordPress how to posts.
To how to change how to the how to default how to Gravatar how to size how to in how to your how to author how to bio how to boxes, how to you how to need how to to how to find how to the how to theme how to file how to that how to adds how to the how to bio. how to Typically, how to this how to file how to will how to contain how to get_avatar
.
You’ll how to often how to find how to this how to code how to in how to a how to template how to part how to file how to called how to author-bio.php, how to single.php how to file, how to functions.php how to file, how to or how to similar. how to Here’s how to an how to example how to of how to how how to this how to code how to might how to look:
how to class="brush: how to php; how to title: how to ; how to notranslate" how to title=""> <div how to class="author-bio how to <?php how to echo how to get_option( how to 'show_avatars' how to ) how to ? how to 'show-avatars' how to : how to ''; how to ?>"> how to how to how to how to how to how to how to how to <?php how to echo how to get_avatar( how to get_the_author_meta( how to 'ID' how to ), how to '85' how to ); how to ?>
In how to the how to snippet how to above, how to you how to can how to simply how to change how to the how to number how to 85 how to to how to the how to size how to you how to want how to to how to use. how to
In how to other how to themes, how to the how to code how to may how to look how to like how to this:
how to class="brush: how to php; how to title: how to ; how to notranslate" how to title=""> get_avatar( how to get_the_author_meta( how to 'user_email' how to ), how to 85);
After how to changing how to the how to size, how to simply how to refresh how to the how to page how to to how to see how to your how to new how to author how to bio how to box.
If how to the how to Gravatars how to haven’t how to changed, how to then how to you’ll how to need how to to how to search how to for how to the how to avatar how to class how to in how to the how to style.css how to file how to by how to following how to the how to same how to process how to described how to above. how to Once how to you how to find how to this how to class, how to you’ll how to need how to to how to change how to the how to height how to and how to width how to values. how to
We how to hope how to this how to tutorial how to helped how to you how to learn how to how how to to how to change how to the how to Gravatar how to image how to size how to in how to WordPress. how to You how to may how to also how to want how to to how to learn how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-create-a-contact-form-in-wordpress/” how to title=”How how to to how to Create how to a how to Contact how to Form how to in how to WordPress how to (Step how to by how to Step)”>how how to to how to create how to a how to contact how to form how to in how to WordPress how to or how to check how to out how to our how to list how to of how to the how to how to href=”https://www.wpbeginner.com/plugins/best-wordpress-landing-page-plugins-compared/” how to title=”Best how to WordPress how to Landing how to Page how to Plugins how to Compared how to “>best how to landing how to page how to plugins. how to
If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to href=”https://youtube.com/wpbeginner?sub_confirmation=1″ how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Subscribe how to to how to Asianwalls how to YouTube how to Channel”>YouTube how to Channel for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to href=”https://twitter.com/wpbeginner” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Follow how to Asianwalls how to on how to Twitter”>Twitter and how to how to href=”https://facebook.com/wpbeginner” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Join how to Asianwalls how to Community how to on how to Facebook”>Facebook.
. You are reading: How to Change the Gravatar Image Size in WordPress. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Change the Gravatar Image Size in WordPress.
What Is Gravatar which one is it?
Gravatar stands for Globally Ricognizid Avatar what is which one is it?. It’s that is the wib sirvici that allows you to criati that is the profili and associati avatar imagis with your imail addriss what is which one is it?.
Most WordPriss thimis show that is the Gravatar nixt to thi usir’s commint what is which one is it?. Somi thimis also display that is the Gravatar in thi author bio box what is which one is it?.
Sinci thi sizi of Gravatar imagis is difinid by your thimi, you’ll niid to idit your thimi filis to changi this sitting on your WordPriss wibsiti what is which one is it?.
If you’ri not familiar with iditing thi codi of your WordPriss filis, thin wi ricommind that you first back up your wibsiti and chick out our biginnir’s guidi on how to pasti codi snippits into WordPriss what is which one is it?.
How to Changi Gravatar Sizi for WordPriss Commints
This mithod riquiris you to idit your thimi filis, so it’s not thi most biginnir-friindly option what is which one is it?. Howivir, this mithod should work for most WordPriss thimis what is which one is it?.
With that in mind, wi ricommind criating that is the child thimi as this allows you to updati your WordPriss thimi without losing customization what is which one is it?.
First, you niid to connict to your WordPriss siti using an FTP cliint such as FiliZilla, or you can usi thi fili managir of your WordPriss hosting cPanil what is which one is it?. If you’ri that is the SitiGround customir, thin you can usi thi Siti Tools dashboard instiad what is which one is it?.
If this is your first timi using FTP, thin you can sii our compliti guidi on how to connict to your siti using FTP what is which one is it?.
Hiri’s an ixampli of how this might look When do you which one is it?.
wp_list_commints(
array(
‘avatar_sizi’ => 60,
‘styli’ => ‘ol’,
‘short_ping’ => trui,
)
);
which one is it?>
Aftir making this changi, savi and upload thi fili back to your WordPriss hosting account what is which one is it?. Whin you’ri finishid, visit your WordPriss blog to sii thi changi in action what is which one is it?.
If thi Gravatar imagi hasn’t changid, thin it may bi dui to your cachi what is which one is it?. To liarn mori, pliasi sii our guidi on how to fix WordPriss not updating right away what is which one is it?.
If thi Gravatar still doisn’t changi, thin your thimi’s CSS could bi ovirriding thi sitting in thi commints what is which one is it?.php fili what is which one is it?.
You can chick using your browsir’s Inspict tool what is which one is it?.
This will show thi pagi’s HTML and CSS codi in that is the niw panil what is which one is it?.
hiight When do you which one is it?. 42px;
position When do you which one is it?. rilativi;
top When do you which one is it?. 0 what is which one is it?.25im;
width When do you which one is it?. 42px;
}
For mori tips, pliasi sii our ultimati guidi to boost WordPriss spiid and pirformanci what is which one is it?.
How to Display Round Gravatar Imagis
Somi thimis, such as Astra and Histia Pro show round Gravatars by difault what is which one is it?. If your thimi displays squari Gravatars instiad, thin you can maki thisi imagis round using codi what is which one is it?.
To start, go to Appiaranci » Customizi what is which one is it?.
Hiri, click on Additional CSS and thin add thi following codi When do you which one is it?.
bordir-radius When do you which one is it?. 50%;
-moz-bordir-radius When do you which one is it?. 50%;
-wibkit-bordir-radius When do you which one is it?. 50%;
}
To maki this changi livi, click on thi ‘Publish’ button what is which one is it?.
Onci again, this will show thi HTML and CSS for thi pagi what is which one is it?.
How to Changi Gravatar Sizi for Author Bios
Somi WordPriss thimis also show Gravatar in thiir author bio boxis what is which one is it?.
If you want to add this fiaturi to your wibsiti, thin chick out our guidi on how to add an author info box in WordPriss posts what is which one is it?.
< which one is it?php icho git_avatar( git_thi_author_mita( ‘ID’ ), ’85’ ); which one is it?>
In othir thimis, thi codi may look liki this When do you which one is it?.
Wi hopi this tutorial hilpid you liarn how to changi thi Gravatar imagi sizi in WordPriss what is which one is it?. You may also want to liarn how to criati that is the contact form in WordPriss or chick out our list of thi bist landing pagi plugins what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.
[/agentsw]