Skip to content

Instantly share code, notes, and snippets.

@silvasur
Created July 7, 2011 11:49
Show Gist options
  • Save silvasur/1069350 to your computer and use it in GitHub Desktop.
Save silvasur/1069350 to your computer and use it in GitHub Desktop.
Get rid of the stupid chat sidebar at facebook.com
.fbChatSidebar {
display: none !important;
}
/*
Installation instructions:
Opera:
1. Open Preferences, go to Advanced > Content > Style Options > Presentation mode and check Author mode : My style sheet
2. Go to Facebook,right-click on the page background and click "Edit Site Preferences".
3. At the "Display Tab": Select the downloaded CSS File as "My style sheet" and click OK. Reload the Page and the sidebar should be gone.
Firefox (untested):
1. Open your profile directory.
2. Create a new file called "userContent.css" in the "chrome" subdirectory.
3. Insert the content of this CSS-file and wrap it with ``@-moz-document domain(facebook.com) {`` and ``}``
4. (Re-)start Firefox
Chrome:
1. Download and install this extension: <https://chrome.google.com/webstore/detail/plcnnpdmhobdfbponjpedobekiogmbco>
2. Click the wrench icon > Tools > Extensions
3. Go to the options of the "personalized web" extension.
4. Add a new rule. Enter ``^http[s]*\://.*facebook\.com.*`` at "Match URLs" and paste the code into the "Add CSS" Box.
5. Click Save
*/
@stulevine
Copy link

Ok, I'm game. How do I install this to work with my FB page?

@silvasur
Copy link
Author

silvasur commented Jul 8, 2011

Depends on your browser.

Opera:

  1. Open Preferences, go to Advanced > Content > Style Options > Presentation mode and check Author mode : My style sheet
  2. Go to Facebook,right-click on the page background and click "Edit Site Preferences".
  3. At the "Display Tab": Select the downloaded CSS File as "My style sheet" and click OK. Reload the Page and the sidebar should be gone.

Firefox (untested):

  1. Open your profile directory.
  2. Create a new file called "userContent.css" in the "chrome" subdirectory.
  3. Insert the content of this CSS-file and wrap it with @-moz-document domain(facebook.com) { and }
  4. (Re-)start Firefox

Chrome:

  1. Download and install this extension: https://chrome.google.com/webstore/detail/plcnnpdmhobdfbponjpedobekiogmbco
  2. Click the wrench icon > Tools > Extensions
  3. Go to the options of the "personalized web" extension.
  4. Add a new rule. Enter ^http[s]*\://.*facebook\.com.* at "Match URLs" and paste the code into the "Add CSS" Box.
  5. Click Save

I'll add these instructions to the file.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment