1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. How to Show a Full-Size Featured Image on Single Post Pages

How to Show a Full-Size Featured Image on Single Post Pages

Introduction

BuddyBoss displays the featured image on single post pages with padding and layout constraints that can prevent it from appearing at full size. You can adjust this behavior by adding a small CSS snippet to your theme settings so the featured image displays at its full dimensions and aligns more cleanly with the post content. This guide explains how to show a full-size featured image on single post pages.

Custom Workaround

Before proceeding, make sure you have a complete site backup.

  1. Go to BuddyBoss > Theme Options in your WordPress admin dashboard
  2. Open the Custom Codes section
  3. Enable CSS
  4. Add the following CSS code:
body.single-post .entry-content-wrap .entry-img img {

    position: relative;

}

body.single-post .entry-content-wrap .entry-img,

body.single .post.full-fi figure.entry-img,

body.single .post.full-fi-invert figure.entry-img {

    padding-top: 0;

}
  1. Click Save Changes

Note: Modifications are typically considered custom work, but we are making an exception in this case. Please review the BuddyBoss Support Policy.

Troubleshooting and FAQs

Q: The featured image still doesn’t appear full width.
A: Check that your post actually has a featured image set and clear any caching plugins.

Q: Will this affect archive?
A: No, this CSS only applies to single post pages.

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.