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 hidden when viewing the form
  • This field is for validation purposes and should be left unchanged.

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.