ad blocking on facebook, failblog, and fark with firefox

Published on 21 Jun 2011 at 10:54 pm. 1 Comment.
Filed under Web stuff.

I am a bit of a Web geek who is really tired of seeing ads on the sites he visits, but I  do not want to run ad-block because I like a bit more control over what I block. I have taken to editing the userContent.css file in the chrome directory of my Firefox profile as described by Gozer.

Specifically, I include the following text in my userContent.css file.

@-moz-document domain(fark.com), domain(totalfark.com) {
	#rightCol, #rightColSpacer, #topAd728x90 { display: none !important; }
	#newsContainer { background-color: #CCCCCC !important; }
}

@-moz-document domain(failblog.org) {
   #leaderboard, #panemain { display: none !important; }
   #pane2 { width: 800px !important; }
}

@-moz-document domain(facebook.com) {
   #rightCol { display: none !important; }
   .hasLeftCol .hasRightCol #contentArea  { padding-right: 20px !important; width: 759px !important; }
   .hasLeftCol .hasRightCol  .uiUfi { width: 664px !important; }
}

The first block above specifically targets fark.com and totalfark.com and disables the right column and the ad at the top, and extends out the left column. The second block targets all of the various failblog.org sites and similarly removes the right column and the ad at the top and extends the left column (making the comments MUCH easier to read). The final block again removes the right column and extends out the middle column so that it takes the place of the right. Admittedly, this looks a little odd at first, but you get used to it.

Just place the lines above into your own userConent.css file, restart Firefox and enjoy the extra room. 🙂