Introduction
BuddyBoss does not include a built-in option to adjust the size or display of thumbnails in the Blog Masonry layout. However, you can customize the appearance of the first post thumbnail by adding a small CSS snippet through Theme Options. This guide shows you how to update the Blog Masonry Thumbnail Size without affecting other blog layouts.
Custom Workaround
- In your WordPress admin, go to BuddyBoss > Theme Options.
- Under Custom Codes, toggle Enable CSS to On.
- Paste the following CSS:
.post-grid.bb-masonry .has-post-thumbnail.first .entry-img img {
min-height: auto !important;
width: 100% !important;
}- Click Save Changes.
Note: Any custom code is considered “custom work.” Please review our Support Policy for more details.
Troubleshooting and FAQs
Q: The thumbnail didn’t update—what should I check?
A:
- Clear your site cache, caching plugin, or CDN cache.
- Make sure the CSS was pasted exactly as shown, without missing brackets or semicolons.
- Confirm that Enable CSS was turned on before saving.
Q: Can I adjust the width or height differently?
A: Yes. You can change the width or min-height values to suit your layout:
width: 80% !important;
min-height: 200px !important;
Q: Will this affect other blog layouts?
A: No. This CSS specifically targets the first post thumbnail in the Blog Masonry layout.
Q: Who can I contact for further assistance?
A: Submit a support ticket through your BuddyBoss account dashboard for personalized help.
