<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ash Clarke &#187; General</title>
	<atom:link href="http://www.ashclarke.com/category/general/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ashclarke.com</link>
	<description>Software Engineer. User Interface Developer. Gamer. Nerd.</description>
	<lastBuildDate>Thu, 10 Nov 2011 18:32:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>How to Hide Facebook Ads in Mozilla Firefox with Stylish</title>
		<link>http://www.ashclarke.com/2011/how-to-hide-facebook-ads-in-mozilla-firefox-with-stylish/</link>
		<comments>http://www.ashclarke.com/2011/how-to-hide-facebook-ads-in-mozilla-firefox-with-stylish/#comments</comments>
		<pubDate>Mon, 19 Sep 2011 18:27:00 +0000</pubDate>
		<dc:creator>Ash Clarke</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[ads]]></category>
		<category><![CDATA[adverts]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[hide]]></category>
		<category><![CDATA[stylish]]></category>

		<guid isPermaLink="false">http://www.ashclarke.com/?p=78</guid>
		<description><![CDATA[Ads. They suck. You never click them and they don&#8217;t benefit your life whatsoever. If this sounds like you, I will now let you in to a secret way of hiding them that no company ever wants you to find &#8230; <a href="http://www.ashclarke.com/2011/how-to-hide-facebook-ads-in-mozilla-firefox-with-stylish/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Ads. They suck. You never click them and they don&#8217;t benefit your life whatsoever.</p>
<p>If this sounds like you, I will now let you in to a secret way of hiding them that no company ever wants you to find out&#8230;<br />
<span id="more-78"></span></p>
<p>Not really, it&#8217;s just CSS styles. First step is to download the <a title="Download Stylish Addon" href="https://addons.mozilla.org/en-US/firefox/addon/stylish/" target="_blank">Stylish add-on</a> for Mozilla Firefox.</p>
<p>After you have installed and restarted the add-on, visit <a title="Go to Facebook" href="http://www.facebook.com" target="_blank">Facebook.com</a>.</p>
<p>In the bottom right corner of Firefox, there will be an S icon.</p>
<p><img class="aligncenter size-full wp-image-79" title="Stylish Icon" src="http://www.ashclarke.com/blog/wp-content/uploads/2011/09/StylishIcon.png" alt="" width="53" height="27" /></p>
<p>Clicking this will open up a menu, where you can choose to &#8220;Write a New Style&#8221;. Click the &#8220;For facebook.com&#8221; option.</p>
<p><img class="aligncenter size-full wp-image-80" title="WriteNewStyle" src="http://www.ashclarke.com/blog/wp-content/uploads/2011/09/WriteNewStyle.png" alt="" width="350" height="138" /></p>
<p>This will bring up a new window where you can enter your new styles to override the Facebook developers&#8217; defaults. I have added a screenshot to show where the new styles go.</p>
<p><a href="http://www.ashclarke.com/blog/wp-content/uploads/2011/09/NewStyle.png"><img class="aligncenter size-medium wp-image-81" title="&quot;New Style&quot; Window" src="http://www.ashclarke.com/blog/wp-content/uploads/2011/09/NewStyle-300x200.png" alt="" width="300" height="200" /></a></p>
<p>Now you can replace the text in the window with the following rules:</p>
<pre>@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("facebook.com") {

/* Hide ads on "Pages" and "Home" and "Comment View" */
#pagelet_ego_pane .ego_column:not(.egoOrganicColumn),
#pagelet_ego_pane_m .ego_column:not(.egoOrganicColumn),
#pagelet_ego_pane_w .ego_column:not(.egoOrganicColumn),
.home_right_column #pagelet_ego_pane .ego_column:not(.egoOrganicColumn),
#UIStandardFrame_SidebarAds #pagelet_ego_pane .ego_column:not(.egoOrganicColumn),
.fbTimelineSideAds { display: none; }

}</pre>
<p>Click the &#8220;Preview&#8221; button and you should see the ads disappear in the background. Click &#8220;Save&#8221; and the window will close. The styles will now be loaded when you visit any part of Facebook.</p>
<p>Let me know if this doesn&#8217;t work, or stops working. The styles above are heavily dependent on how Facebook developers have named the Ad elements on the site.</p>
<p>If they, therefore, realise another lovely update the ads might suddenly reappear and I will have to spend another 30 seconds writing a new style and 10 seconds updating this post : )</p>
<p>If you feel you can&#8217;t trust this, or it looks like something messed up, you can find the &#8220;Uninstall&#8221; (to remove it) or &#8220;Disable&#8221; option by right-clicking on the style when visiting Facebook.</p>
<p><img class="aligncenter size-full wp-image-84" title="Uninstall" src="http://www.ashclarke.com/blog/wp-content/uploads/2011/09/Uninstall.png" alt="" width="188" height="142" /></p>
<p>UPDATE: Added styles to hide new ads on the new timeline profile.</p>
<p>UPDATE [02/11]: Updated with new css to reflect recent code changes by FB devs.  Thanks, &#8220;R Preston Berrett&#8221;.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ashclarke.com/2011/how-to-hide-facebook-ads-in-mozilla-firefox-with-stylish/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

