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:
To a more modern, rounded design:
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;
}