BUDDYBOSS WEB

Your community, courses and memberships on your own website.

BUDDYBOSS APP

Your own branded app on iOS and Android.

DONE FOR YOU

We build, launch and run it for you.

BuddyBoss website and mobile app

Web + App Done For You

$4,999 flat

Web Scale + Done For You Web

App Launch + Done For You App

PRICING

Web Pricing

Launch, Scale and Done For You Web.

From

$199

first year

App Pricing

Solo, Launch and Done For You App.

From

$499

first year

SITE + APP

Web + App Done For You

Your site and your app, built and run for you.

$4,999

flat, never rises

Hide Social Share on Blog Page

Updated

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://buddyboss.com/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?

Subscribe to Our Newsletter

This field is for validation purposes and should be left unchanged.
This field is hidden when viewing the form

Can’t find the answer you’re looking for?

Our support team is here to help with anything the docs don’t cover.