Rounded profile photo

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:

/*Rounded profile image*/
.sm-page-widget-profile-v2-biophoto {
  border-radius: 50%;
  margin-left: 1rem;
  margin-bottom: 1rem;
}