Hide Social Share on Blog Page

Table of Content

Introduction

By default, BuddyBoss allows you to enable or disable Floating Social Share on blog posts via Theme Options > Blog. However, even when turned off, the social share icons may still appear at the bottom of the blog page. You can hide them using a simple CSS snippet.

Custom Workaround

  1. Go to BuddyBoss > Theme Options
  2. Under Custom Codes, enable CSS
  3. Append the following CSS:
body.single-post #content div.author-box-share-wrap i.bb-icon-l {

    display: none;

}
  1. Click Save changes

This code will hide the leftover social share icons on single blog posts while keeping other settings intact.

Note: Any modifications are considered custom work. Learn more about our Support Policy here:
https://www.bb-backup-hz4.developbb.dev/support-policy/

Troubleshooting and FAQs

Q: Will this remove social share icons on other pages?

A: No. This CSS targets only single blog posts (body.single-post).

Q: Can I hide other social icons similarly?

A: Yes. Inspect the icon’s class and use the same display: none; approach.


Screenshots:

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.