1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. Display Full Featured Images on Blog Archive Page

Display Full Featured Images on Blog Archive Page

Introduction

BuddyBoss does not provide a built-in option to display full featured images on the blog archive page. By default, some images may be cropped depending on the layout template. You can use a CSS snippet to display full images, ensuring your blog archive looks more visually appealing and consistent.

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:
.post-grid article .entry-img {

    display: contents;

}

.post-grid article .entry-img > img {

    position: inherit;

}
  1. Click Save Changes

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

Troubleshooting and FAQs

Q: The featured images are still cropped, 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 the image size further?

A: Yes. Additional CSS can be applied to modify image height, width, or object-fit properties if needed

Q: Will this affect other pages or posts?

A: No. This CSS specifically targets blog archive posts in the .post-grid layout

Q: Who can I contact for further assistance?

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

Was this article helpful?

Related Articles

Subscribe to Our Newsletter

Stay In Touch

Subscribe to our Newsletter, and we’ll send you the latest news from BuddyBoss

This field is for validation purposes and should be left unchanged.
This field is hidden when viewing the form

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