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
- Go to BuddyBoss > Theme Options
- Under Custom Codes, enable CSS
- Append the following CSS:
body.single-post #content div.author-box-share-wrap i.bb-icon-l {
display: none;
}- Click Save changes
This code will hide the leftover social share icons on single blog posts while keeping other settings intact.
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:
