How to Add Both Padding and Top Rounded Corners to Groups and Forums

Introduction
By default, BuddyBoss does not provide an option to add padding and top rounded corners to group or forum headers. Using a simple CSS snippet, you can apply both padding and rounded corners for a cleaner and more polished look.

Custom Workaround
Follow the steps below to add padding and top rounded corners:

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

body.groups div#cover-image-container { 

    margin-top: 0; 

    border-top-right-radius: 5px !important; 

    border-top-left-radius: 5px !important; 

} 

body.groups #buddypress #item-header #header-cover-image.has-cover-image { 

    border-top-right-radius: 5px !important; 

    border-top-left-radius: 5px !important; 

}

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: Will this apply to forums as well as groups?

A: Yes, this CSS targets both group and forum headers.

Q: The rounded corners are not showing. What should I do?

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

Q: Can I adjust the radius size?

A: Yes. Replace 5px with your desired value, e.g., 10px for more rounded corners.

Q: Will this work on mobile devices?

A: Yes, the snippet works across all screen sizes.