Remove (Hide) Followers & Friends

[Former Member]

I have a code that removes the buttons but not the followers & friends that are already there.  

Could you add anything to this code to remove the followers & friends too?

Here is the code that goes into the global footer:-

<script>



$(document).ready(function() {

$('div.ui-tabMenu ul.ui-helper-clearfix li a[href$="/following"]').parent().hide();

});



</script>



<script>



$(document).ready(function() {

$('div.ui-tabMenu ul.ui-helper-clearfix li a[href$="/friends"]').parent().hide();

});



</script>

[Alanna 🥀🖤]

Do you mean the Following and Friends tabs in profiles or the right hand column on the Summary tab that lists some of that user's followers and following? Also since JavaScript doesn't work on mobile, this CSS will remove the Follow button from profiles on mobile and desktop.

a.button.follow_button {
display: none;
}

[Former Member]

I mean, in profiles, I want the buttons & the names of followers gone.

[Alanna 🥀🖤]

All of what I mentioned are IN profiles. Please take a screenshot and point to what exactly you want removed.

[Former Member]

When someone follows you, You see the names of the followers in your profile. I want to remove the names of the followers & the follow button.

The code above removes the button but not the names of the followers.

I will follow you and you will see what I mean.

Edit:  Looks like that is unnecessary - since you have 16 followers.  That what I want removed - the names and their avatars.

[Alanna 🥀🖤]

*sighs*

Go to Admin > Structure > Layout Templates > User Profile and select the Summary tab and remove the following code near the bottom:

<td id="right-column">
{if $[following]}
<div id="following" class="content-box right-col">
<h4>$[view_following_link]</h4>
{foreach $[following]}
<div class="mini-user">
<div class="mini-avatar">
$[following.avatar_medium]
</div>
<span class="name">
$[following]
</span>
</div>
{/foreach}
</div>
{/if}
{if $[follower]}
<div id="followers" class="content-box right-col">
<h4>$[view_followers_link]</h4>
{foreach $[follower]}
<div class="mini-user">
<div class="mini-avatar">
$[follower.avatar_medium]
</div>
<span class="name">
$[follower]
</span>
</div>
{/foreach}
</div>
{/if}
</td>

[Former Member]

Thank you very much. It worked. I appreciate the time you took for this.

[Former Member]

There is still one "follow/unfollow" button showing in profiles.

I went to my guest profile, which I had followed, as a test, before I made all the above alterations - code in global footer and change to template.

I thought it had worked perfectly, until I went to the guest profile and saw the following:-

Send Message Edit Profile Follow Username: guest Last Online: 19 hours ago

Follow is a button. If I click on it, it becomes Unfollow. They no longer do anything, but can the button be removed?

[David Clark]

Oct 26, 2014 14:54:07 GMT -8 @khristian said:

a.button.follow_button {
display: none;
}

Do you have this CSS in place, @lucylane? If so, can you link me to your forum?

[Former Member]

Sorry, I never added the above to the Advanced CSS Style Sheet, David Clark. I mistakenly thought it was to be used instead of the global footer code. I have added it now and everything is removed.

Thanks ???lq ???u??? and David Clark.