How to Make Profile Pictures Square in BuddyBoss

Introduction

BuddyBoss displays profile pictures with rounded corners by default. You can change this styling to square profile images by adding a small CSS snippet to your theme settings. This helps create a sharper, more modern look across avatars on your site. This guide explains how to make profile pictures square in BuddyBoss.

Custom Workaround

Before proceeding, make sure you have a complete site backup.

1. Go to BuddyBoss > Theme Options in your WordPress admin dashboard
   
2. Open the Custom Codes section
   
3. Enable CSS
   
4. Add the following CSS code:
   

.comment-author .avatar,

.post-author-details .avatar,

.entry-content-wrap .avatar,

img.avatar {

    border-radius: 0;

}

5. Click Save Changes

Note: Modifications are typically considered custom work, but we are making an exception in this case. Please review the BuddyBoss Support Policy.

Troubleshooting and FAQs

Q: The profile pictures are still rounded.
A: Clear your browser cache and any caching plugins, then reload the page.

Q: Will this affect all avatars on the site?
A: Yes, this applies to profile images across comments, posts, and member areas.

Q: Can I make only profile avatars square and not others?
A: Yes, but you would need more specific CSS selectors depending on where the avatar appears.