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.
We are going to change the default, square thumbnail:
To a more modern, rounded design:
👨🏼💻 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;
}
CSSRelated articles
This site uses Akismet to reduce spam. Learn how your comment data is processed.
Support me
I am writing this portal in my free time and I pay for it myself. So, if you want to support my work – use this button to buy me a coffee 🙂 Which will help towards the hosting costs of the portal.
Leave a Reply