How to Add Padding at the Top of the Profile Page

Introduction

By default, BuddyBoss does not provide an option to add extra padding at the top of the Profile Page. Using a simple CSS snippet, you can create additional spacing above the profile content for a cleaner layout.

Custom Workaround

Follow the steps below to add padding at the top of the Profile Page:

1. Go to BuddyBoss > Theme Options.
2. Under Custom Codes, enable CSS.
3. Append the following code:

body.bbp-user-page .bb-grid.site-content-grid { 

    padding-top: 30px; 

}

4. Save changes.

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

Troubleshooting and FAQs

Q: The padding is not showing. What should I do?

A: Clear your browser cache and any site caching. If the padding still doesn’t appear, submit a ticket to the support team for assistance.

Q: Can I increase or decrease the padding?

A: Yes. Replace 30px with your preferred value, e.g., 50px for more spacing or 10px for less.

Q: Will this affect mobile devices?

A: Yes, the padding will apply across all screen sizes.

Q: Can this be applied only to specific user profiles?

A: Yes, you can target a specific user by adding a unique class or ID for that profile page in place of .bbp-user-page.