/*Reverse sticky header*/
  1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. Profile and Member Pages Profile Picture Change from Round to Square

Profile and Member Pages Profile Picture Change from Round to Square

If you would like to change the shape of the profile pictures on the Profile page and Member page, you can change it through the CSS Code below. Please note that you can use both for Profile and Memberpage or just for the profile page. Depending on your preference. 

For the profile picture on the Profile page, you can use the CSS code below. 

    1. Go to BuddyBoss – Theme Options

    2. Under Custom Codes, enable CSS

    3. Append the following:

#buddypress .users-header .centered #item-header-cover-image.bb-enable-cover-img #item-header-avatar img { border-radius: 0px !important;}

For the profile image on Member Directory, you can use the CSS code below:

#friend-list.item-list .item-avatar img, #members-list.item-list .item-avatar img{ border-radius: 0;}

   4. Don’t forget to click on “Save Settings” to apply the changes.

Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/

Was this article helpful?

Related Articles

Need Support?

Can't find the answer you're looking for?
Contact Support

To speak to our Agency consultant, fill in the form found at our Contact Page.

"*" indicates required fields

Get Started

Enter your name and email address to get started with your project...

Name*