Display the Gamipress Icons Horizontally on the User’s Profile Page

Introduction

BuddyBoss does not provide a built-in option to display Gamipress icons horizontally on user profile pages. You can use a simple CSS snippet to arrange the icons in a horizontal layout, improving readability and the visual presentation of user achievements.

Custom Workaround

1. In your WordPress admin, go to BuddyBoss > Theme Options
2. Under Custom Codes, toggle Enable CSS to On
3. Paste the following CSS:

.gamipress-buddypress-user-details {

    display: flex;

    flex-wrap: wrap;

}

4. Click Save Changes

Any custom code is considered “custom work.” Please review our Support Policy for more details.

Troubleshooting and FAQs

Q: The icons are still stacked vertically, what should I check?

A: Clear your site cache, caching plugin, or CDN cache. Ensure the CSS was pasted exactly as shown and that Enable CSS was turned on before saving

Q: Can I adjust spacing between icons?

A: Yes. Additional CSS such as gap: 10px; can be added to .gamipress-buddypress-user-details to increase spacing

Q: Will this affect other pages or elements?

A: No. This CSS specifically targets Gamipress icons on user profile pages

Q: Who can I contact for further assistance?

A: Submit a support ticket through your BuddyBoss account dashboard for personalized help