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
- In your WordPress admin, navigate to BuddyBoss > Theme Options
- 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;
}
- Click Save Changes
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.