In this tutorial, I will show you how to make your profile image appear rounded using a little bit of CSS code.
What is the difference?
We are going to change the default, square thumbnail:
![Rounded profile photo 1 SmugMug Profile before making it round.](https://portal.photom.me/wp-content/uploads/2024/01/smugmug-profile-before.jpg)
To a more modern, rounded design:
![Rounded profile photo 2 SmugMug Profile - rounded](https://portal.photom.me/wp-content/uploads/2024/01/smugmug-profile-after.jpg)
CSS code
👨🏼💻 Add a CSS content block to the ENTIRE SITE section of your website and then add this code to it:
CSS
/*Rounded profile image*/
.sm-page-widget-profile-v2-biophoto {
border-radius: 50%;
margin-left: 1rem;
margin-bottom: 1rem;
}