Getting rid of “Who to follow” in Twitter

Twitter recently introduced a new feature which seems to have annoyed more than a few people. The “Who to follow” section on the sidebar recommends Twits for you to follow based upon who the people _you_ are following are following (hang on, did I type that too many times?).

If you are using Firefox (or Iceweasel like me) then here’s a tip to get rid of this and other such annoying sections on websites.

1. Find your Firefox profile directory – on my Debian GNU/Linux system this is stored under /home/[USER]/.mozilla/firefox/ but see here for help from Mozilla on finding this.
2. In the ‘chrome’ directory (e.g. /home/[USER]/.mozilla/firefox/chrome) find and edit (or create) a file called userContent.css
3. In there add the following code:

#recommended_users {  
    display: none;  
    visibility:hidden;  
}

4. Save the file and restart Firefox.

The #recommended_users part is the ID that Twitter give to that section within their pages. IDs like this are used for styling so it’s exactly what we need to use here. if you are looking to hide something different you need to find a way to identify it on the page. To do this you need to examine the source (View->Page Source) for the relevant page and find the content you want to hide. Wrapped around that content will be something like _<div id=”recommended_users”>_ or similar. The bit in quotes after “id=” is the bit we’re after, only prepend a # to it in your userContent.css file. The tag may not have an id= bit but it might have a “class=” instead. In that case replace “#recommended_users” with “.class_name”. so if this were the case here it would look like…

.recommended_users {  
    display: none;  
    visibility:hidden;  
}

You can also apply this to several IDs or classes like this..

 #recommended_users, #second_id, .third_class {
    display: none;
    visibility:hidden;
}

Just remember to separate them with commas.

Hope this helps

2 comments on Getting rid of “Who to follow” in Twitter

  1. Just a quick note for New Twitter. They seem to have renamed the div that contains the WTF stuff. In order to hide WTF in new Twitter you need to change your userContent.css code to suit that below…

    #recommended_users, div.wtf-inner {
        display: none;
        visibility:hidden;
    }

    The .wtf-inner is the new bit and signifies the class of the new div.

  2. It seems that Twitter keep changing the class of the containing div. The latest one I’ve come across is ‘.user-rec-inner’. I can only presume they don’t want us users to hide this panel. So what do they have planned for it I wonder?

Comments are closed.