1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. How to Change GamiPress Points and Achievements Thumbnail Size

How to Change GamiPress Points and Achievements Thumbnail Size

Introduction

BuddyBoss enforces a specific thumbnail size for GamiPress points and achievements to maintain a consistent layout. If you need to adjust these thumbnail dimensions, a small CSS snippet allows you to override the default size and tailor it to your design requirements.

Custom Workaround

  1. In your WordPress admin, navigate to BuddyBoss > Theme Options
  2. Under Custom Codes, enable CSS

Append the following CSS (adjust 64px to your desired size):

#buddypress .users-header .gamipress-buddypress-points span.activity,

#buddypress .users-header .gamipress-buddypress-achievement-thumbnail {

  width: 64px;

}
  1. Click Save Changes

Note: Any modifications are considered “custom work.” You may review our Support Policy for details.

Troubleshooting and FAQs

Q: I updated the CSS but see no change—what should I do?
A: Clear any caching (plugin or server-level) and reload a page where GamiPress thumbnails appear. This ensures the new CSS is applied.

Q: Will this affect other image sizes on my site?
A: No. These selectors specifically target only the GamiPress points and achievement thumbnails within the BuddyPress users header. Other images remain unaffected.

Was this article helpful?

Related Articles

Need Support?

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

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

  • Get Started

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

  • This field is for validation purposes and should be left unchanged.

Not recently active