Tutorial on how to fast unfollow twitter followers using local CSS

and published
firefox unfollow twitter guide

Hey Guys, my name is Simon Hayter and I one of the lead website designers at BYBE website design. I recently made the decision that it was time to clear out my personal twitter account from following non-relevant individuals and companies, as over the years I have followed thousands of people and companies for other reasons other than SEO and Web Design. Having a relevant and clean following profile allows you to engage with others with similar interests, something that my twitter account was majorly lacking.

Skip introduction and read the tutorial

So, I navigated to Twitter and looked at whom I was following, I then started clicking the following button. After spending 10 minutes bashing the following button I thought to myself this is going to take forever, there must be an easier way. As you would expect I headed over to Google and searched for ‘mass unfollow’ and quickly found several online web apps that claimed to support mass unfollowing.

Twitter web applications

I found several online web applications that supported unfollowing in bulk on twitter, the problem I found or the issue I disliked was that you had to give them access to your Twitter account by adding them within your Twitter Apps. While for some this isn’t an issue but due to past experiences with Facebook Apps and other Twitter apps they tend to view things they don’t need to view or access, or even worse they tweet, follow, and retweet on your behalf.

Anyhow, I thought I’d just give them temporary access so I tried Crowdfire, ManageFlitter and Unfollowers. Sadly, I found that all these Twitter web apps had some type of restriction in place so you could only do so many actions before reaching a cap. 1 action could be considered a post, or unfollow, generally I found the cap to be around 200 or higher with some time consuming incentives such as get X friends to sign up for a higher allowance, similar to the incentives Dropbox has.

They also had the option to remove these limitations by paying to upgrade your account. While this would be the quickest method I don’t want any more monthly outgoings for things that I wasn’t going to use for more than once a year, or perhaps never again. I then returned to Google and carried on my search for mass unfollowing with ease.

Twitter macros

I then discovered that a lot of people were using macros to automate Twitters tiresome unfollowing web app mechanic, this seemed like a great option at first but then it got me thinking about Twitters terms of use, not something that I really care about but I know Twitter has a huge bot problem and has measures in place to detect various forms of automation that will automatically suspend your account or perhaps even a permanent ban.

Since I’ve had this account for almost a decade it wasn’t something I wanted to engage in, so I then continued to think how to overcome this hurdle.

Easier unfollowing using browser CSS

Naturally as a website designer I wondered if I could override twitters CSS stylesheet using local CSS changes within the browser, which would ultimately make Twitter’s unfollowing process easier, faster and kind of undetectable to some degree.

Quick unfollow using Firefox

Haters, please don’t hate me, but I love Mozilla Firefox and so this tutorial will be using Firefox with a couple of add-ons from Mozillas extension library. Enough with the jargon, let’s get down and dirty with what you need to do so that you can unfollow twitter followings easier and faster.

Please follow these easy steps:

  1. Install User Style Manager add-on for Firefox
  2. Install Image Block add-on for Firefox
  3. Go to your following page on twitter
  4. Disable the images on this page by clicking the new icon ‘block images’ found in your addon tool bar, generally found in top right corner of Firefox.
  5. Go to menu and do Tools > User Style Manager > Create New > for this domain

Then add the following code to the css stylesheet:


@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain('twitter.com') {
	.ProfileCard-userFields, .ProfileCard-bg, .UserActions-moreActions,
	.ProfileCard a, .ProfileCard a:hover, .ProfileCard a:focus,
	.ProfileCard a:active, .ProfileCard .pretty-link,
	.ProfileCard .pretty-link:hover, .ProfileCard .pretty-link:focus,
	.ProfileCard .pretty-link:active, .ProfileCard-bg,.not-following {
		display: none !important;
		background: transparent !important;
	}
	.ProfileCard-actions {
		display: table;
		margin: 0 auto -7px;
	}
	.ProfileCard.js-actionable-user {
		background: transparent !important;
		border: medium none !important;
		height: 7px;
	}
	.u-lg-size1of3, .u-lg-size2of6, .u-lg-size4of12 {
		width:100% !important;
	}
}

The end result should look something like this:
Twitter Following Unfollow CSS

Disabling your Twitter Stylesheet

After mass removing your unwanted Twitter followers ensure that you remember to disable the styling otherwise you may find Twitter useable in one way or more. You can disable the add-on or if you prefer just the Twitter overrides by clicking Tools > User Styles and then click the style with the tick that you made. You should also re-enable rendering images by clicking the same icon you clicked earlier to disable Twitter images from loading.

Enjoy, and as usual if you have any questions then please use the comment system before, thanks.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>