How to Make Member Profile Images Square in the Members Directory

Introduction

By default, member profile images in the Members Directory have rounded corners. If you prefer a square appearance to better fit your site’s design, you can override the default styling using a custom CSS snippet.

Custom Workaround

To make member avatars appear as squares in the Members Directory:

1. In your WordPress Dashboard, go to BuddyBoss > Theme Options.
   
2. Scroll to the Custom Codes section and toggle Enable CSS.
   

Append the following CSS code:

#members-list.item-list .item-avatar img {

  border-radius: 0 !important; /* Set border-radius to 0 to make the image square */

}

3. Click Save Changes.
   

Note: Any changes made using custom code are considered “custom work.” For more information, please review our Support Policy.

Troubleshooting and FAQs

Q: The profile images are still rounded—what should I check?
A: Clear your browser and site cache. Make sure the CSS was saved properly and no other CSS rules are overriding it.

Q: Will this affect profile images outside the Members Directory?
A: No. This CSS specifically targets avatars in the Members Directory list.