Ditching the clutter on Facebook

Facebook’s new look manages to squeeze the stuff I care about into a small central section of the page, with navigation down the left and a stream of promoted junk at the right.

Here’s how you can make it a bit more tolerable, if you’re a Firefox user. First grab the Stylish Add On for the browser. You’ll need to restart when it’s been installed.

Next head to Facebook and your main news feed page. Click the S drop down added by Stylish, and choose “Write new style” followed by “For facebook.com” You’ll see a window like this appear.

Give it a name, like FB Tidyup, and add some custom CSS. This is a quick and dirty fix, but I don’t care about that right hand column, which handily has the ID rightCol, and so can be hidden with this code:

#rightCol {
 display:none;
}

The main part of the page can be widened; I chose 800pixels, as it’s a little nicer, though of course not everything scales perfectly. Use this css

#contentArea {
 width: 800px !important;
}

Put that all in the box and the results should be like this:

Click Preview to check you like the results, and then Save if you’re happy. The end result is your news feed looking something like this:

FBtidied

Like I say, this is quick and dirty, but an improvement, I think.

Leave a Reply

Your email address will not be published. Required fields are marked *