Introduction
BuddyBoss does not include a built-in option to automatically fit portrait images within the activity feed post layout. When users upload portrait photos, the preview may not fully fill the activity post area. Using a simple CSS adjustment, you can ensure portrait images display in a consistent, filled layout within the BuddyBoss activity feed.
Custom Workaround
- Go to BuddyBoss > Theme Options
- Under Custom Codes, enable CSS
- Append the following CSS:
.media-activity .bb-open-media-theatre img {
width: 543px !important;
height: 543px !important;
}
Save changes
Troubleshooting and FAQs
Q: The image size did not change after adding the CSS
A: Clear your site cache, caching plugin, and CDN cache if applicable. Also confirm that CSS is enabled before saving
Q: Can I use a different size instead of 543px
A: Yes. Adjust the width and height values to match your preferred layout
Q: Will this affect landscape images or other media
A: This rule targets images displayed in the activity media theatre. Test the change to ensure it fits your design needs
Q: Does this apply to mobile devices
A: This CSS applies globally. You may add media queries if you want different behavior on mobile screens
