Main Archives About kitchenMage My Cookbook Shop Connect:    RSS icon   email icon   twitter icon   Pinterest icon   flickr icon   kitchenMage's Recipes @Feastie

« Removing Twitter's Recommended User to Follow "Feature" | Main | Talk to me about Facebook... »

Twitter Hovercards: Die.die.die

Figuring out how to disable Twitter's recommended users to follow feature was so much fun, I thought I'd do it again. From my quick poll, hovercards seem to top the list of next most hated twitter feature. IN case you don't now, hovercards are those little popups that come up when you mouse over an avatar on a twitter page. I wouldn't have thought they were next on the list, but what the hell do I know?

There are a few more tweaks in the wings -- Facebook and I have been tussling -- so I decided that rather than go through all the add-ons and such, I am going to do most of this with stylesheets. This will make the inevitable updates a bit easier to manage for all of us.

Except for AdBlock Plus  which I use and will probably continue to add instructions for - just because if I am going to do it for me, I can share. (and Chrome/AdBlock for this one time because it was there and simple...)

If I might be allowed a moment of self-indulgence, I'd also like to thank everyone for the response to the post on Removing twitter's recommended users to follow feature. I am totally blown away by all the love and sweet things you are saying. Seriously. (I'd also like to thank dunny for being the first to suggest and test the hypercards tweak; he also sat on the fix for 24 hours waiting patiently for me to post it. Thanks, dunny!)

Here goes, Ad Blockers first, stylesheets after... All of it after the jump.

To Block Hovercards with Firefox and AdBlock Plus

  1. Start Firefox. Click on the arrow on the right of the AdBlock Plus Icon
  2. Select Preferences from the dropdown list.
  3. Click Add Filter.
  4. Paste in this string:
    Click OK.

If you are using Chromium/Chrome and AdBlock

I haven't tested this but in theory it should work. As soon as someone does, I'll either tweak it to fix or confirm that it does.

  1. Start Chrome. Select Extensions from the Tools menu.
  2. Select AdBlock
  3. Select Options
  4. Blacklist:[id="hoverer-inner.hovercard-inner"]
  5. (I don't have this installed but I guess you click OK once or twice until the dialog closes. I think.)

To remove the Hovercards from Twitter using a User Stylesheet

 1. Choose the version of stylesheet you prefer and save it to somewhere you can find.

2. Rename the file to user.css if you are using Internet Explorer, Chrome, Opera. Name it userContent.css if you are using Firefox.

3. If you already assigned a stylesheet to your browser to eliminate the suggested users to follow list, simply replace the original stylesheet with the new one. If you have other information in your CSS file, open the CSS file you just downloaded and copy the contents into your existing file.

3a If you have not already assigned a user stylesheet to your browser, follow the steps at the bottom of the post for your browser.

To Use a Stylesheet with Firefox

Copy the userContent.css file to the correct location for your operating system. There's a list below, I apologize for their insistence on moving the damned thing all over the place. You can tell you are in the right folder because there is a file named userContent-example.css in the directory. You can also search your system drive for this file if you can't easily locate the right directory.If FIrefox is open, you will have to close and restart it for it to read the new stylesheet.

Windows 7/Vista

Windows 2000/XP
C:\Documents and Settings\[USER]\Application Data\Mozilla\Firefox\Profiles\[profile-name]\chrome\


Mac OS X
~/Library/Application Support/Firefox/Profiles/[profile-name]/chrome/

To Use a Stylesheet with Internet Explorer

  1. Select Internet Options from the Internet Explorer Tools menu.
  2. On the General tab, click Accessibility.
  3. In the Accessibility dialog box, select the checkbox for Format documents using my style sheet.
  4. Click Browse to locate the CSS file. Click OK twice. Close and restart IE.

To Use a Stylesheet with Opera

  1. Start Opera. Select Page, Style, Manage Modes from the Menu flyout.
  2. On the Display tab, enter the location of the file My style sheet line. You can browse to the location if you prefer.
  3. Select the Presentation Modes tab. Make sure that My style sheet is checked on the Author Mode Default mode is Author mode. Click OK. Restart Opera.

To Use a Stylesheet with Safari (Mac/Windows)

  1. Open Safari. Click on the Safari menu, Preferences.
  2. On the Advanced tab, choose Other...Use the Style Sheet drop-down to browse to your style sheet.
  3. Close and restart Safari.

If you are using another browser

The user.css stylesheet works with any browser that honours user stylesheets. Google the browser name and "user css" (without the quotes). The information you need should pop to the top of the search.

Next up: Facebook is mine. I think. Probably early next week. But first, let's talk about Facebook a bit...

Comment Policy

Hello! Thanks for stopping by. I love good conversations and some great ones take place here in comments. Whether it's an opinion a deep topic or simply a tweak you made to a recipe, we all learn more when additional voices join in.

Comments are moderated for spam so your comment will not appear immediately. Beyond that, however, my policy is to allow open, honest, uncensored feedback and conversation. (You may have no idea how rare this is. I didn't either...) I trust my readers to behave reasonably, they seldom let me down.

Please join in the discussion.


I also write at:

Popular Posts

I also write at:

All content on this site is © Beth Sheresh (2005-2012). Please play nice and don't take things that aren't yours.
See something you like and want to use? Drop me a note, kitchenMage(at)gmail(dot)com. I'm pretty agreeable when people ask.
Related Posts with Thumbnails Related Posts with Thumbnails