Hide Follow button in community

Question

File Detail page in community display Follow button, follower, and file version.
We don't want to show this to portal users.
I checked Feed Tracking but I can't find how to hide follow button.
What should I do?

Answer 1

Its not possible to hide Follow button in communties when you enable chatter feed. Please upvote below idea.

https://success.salesforce.com/ideaView?id=0873A0000003VYDQA2

Answer 2

At present, There is no feature provided by Salesforce to hide/unhide the follow button in communities if chatter feed is enabled (as mentioned in earlier answers). However you can make use of CSS override in the community.

Go to Community Builder -> Theme Editor Setting -> Edit CSS -> Put below code

div[class="slds-page-header slds-page-header_record-home forceHighlightsStencilDesktop forceRecordLayout"] div[role="group"] button:first-of-type {display: none;}

Answer 3

Best code (from Brian Schwartz on Idea Exchange):

.slds-button.slds-button--neutral.not-selected.slds-not-selected {
    display:none
}

.slds-button.slds-button--neutral.is-selected.slds-is-selected {
    display:none
}

Answer 4

Below code works for me. Specifically targets FOLLOW button on that object regardless if it is already selected or not. Hope it helps!

div[data-target-selection-name="sfdc:StandardButton.Account.Follow"] {display:none !important;}

Answer 5

It seems that the Custom CSS snippet indicated by Awinash Kr Sharma is not working in some instances because Salesforce has modified the classes of the container element of the 'Follow' button.

div[class="slds-page-header slds-page-header_record-home forceHighlightsStencilDesktop forceRecordLayout"] div[role="group"] button:first-of-type {display: none;}

I have applied a new Custom CSS that works both in the instances where the previous Custom CSS no longer works and in the instances where it still works.

div[data-target-selection-name*='.Follow'] {display: none;}

The most important part of the above snippet is the asterisk character *, which indicates that the attribute value must contain the string that appears after the equal character =.

IMPORTANT

It should be noted that by applying this snippet will hide the button in the 'Record Banner' component of all objects.