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:
- In your WordPress Dashboard, go to BuddyBoss > Theme Options.
- 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 */
}
- Click Save Changes.
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.