Skip to content

Instantly share code, notes, and snippets.

@alexbfree
Last active October 9, 2015 09:55
Show Gist options
  • Save alexbfree/47a8877aa2532cf62027 to your computer and use it in GitHub Desktop.
Save alexbfree/47a8877aa2532cf62027 to your computer and use it in GitHub Desktop.
CSS code to suppress all News Feed and other distracting crap on Facebook
html#facebook div[id*="topnews"],
/* Hide news feed */
html#facebook body.home div#rightCol,
/* Hide entire right column */
html#facebook body.home div#pagesNav,
html#facebook body.home div#appsNav,
html#facebook body.home div#listsNav,
html#facebook body.home div#interestsNav,
html#facebook body.home div#groupsNav,
html#facebook body.home div#developerNav,
/* Hide all the left nav sections that you can't control - use the Favourites instead! */
/* Leave events there though */
html#facebook body.home div#pinnedNav ul.droppableNav li.sideNavItem:first-child,
/* Hide the "News Feed" link itself" */
html#facebook body.home div#pagelet_sidebar
/* Hide right column with games etc in Chrome */
{
display: none !important;
}
html#facebook body.home div#leftCol {
width: 266px !important;
margin-right: 20px !important;
}
/* Since we now have more space, make the left column wider */
html#facebook body.home div#leftCol li.sideNavItem div.linkWrap,
html#facebook body.home div#leftCol li.sideNavItem div.hasCount {
max-width: 205px !important;
}
/* Expand the text part of left column to take advantage of space (useful for long group names) */
html#facebook body.home div#contentCol {
margin-left: 283px !important;
}
/* Shift the central content column right now that left column is wider */
html#facebook body.home div#contentCol.hasRightCol div#contentArea {
width: 786px !important;
}
/* When the content column thinks it has a right column, widen it to maximise use of empty space */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment