Skip to main content

Are you still looking for something?

Generic filters
Exact matches only
Filter by Categories
Customization
Domains
Lightroom Plugin
Tools and Tips

Try these: contact formbuttonbuy photos

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:

SmugMug Profile before making it round.

To a more modern, rounded design:

SmugMug Profile - rounded

👨🏼‍💻 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;
}
CSS

Related articles

Leave a Reply

Your email address will not be published. Required fields are marked *

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.