1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. Hide Featured Image in Blog Posts

Hide Featured Image in Blog Posts

Introduction

Hiding featured image in blog posts is not available as a built-in option in BuddyBoss. If you prefer a cleaner blog layout without featured images on blog archives or single posts, you can achieve this using a simple CSS workaround in BuddyBoss.

Custom Workaround

Follow the steps below to hide featured photos in blog posts.

  1. Go to BuddyBoss > Theme Options
  2. Under Custom Codes, enable CSS
  3. Add the following CSS code:
.blog .post .entry-img,

.single-post .post .entry-img {

    display: none;

}
  1. Click Save changes

Note: Any CSS or code changes are considered custom work. Please review the BuddyBoss Support Policy for more details:
https://buddyboss.com/support-policy/

If this is a feature you would like to see added natively, you can submit your suggestion on our roadmap page:
https://buddyboss.com/roadmap

Troubleshooting and FAQs

Q: The featured image is still showing after adding the CSS. What should I do?

A: Clear your site cache, browser cache, and any CDN cache. Also confirm the CSS was added under BuddyBoss Theme Options and that CSS is enabled.

Q: Will this hide featured images on both the blog list and single post pages?

A: Yes. This CSS hides featured images on both blog archive pages and individual blog posts.

Q: Can I hide featured images only on single posts or only on the blog list?

A: Yes. You can remove either .blog .post .entry-img or .single-post .post .entry-img depending on where you want the images hidden.

Q: Does this affect uploaded images inside the post content?

A: No. This only hides featured images. Images added inside the post content will still display normally.

Screenshots

Without code

image

With code

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.