title: Readding a link to a Page Logo using CSS
body: <p>I've installed <a href="http://www.socialfixer.com" rel="nofollow">the Social Fixer plug-in</a> to tinker with the CSS of Facebook. I've been doing a decent job and playing with the overall look of it except for one little detail that's been bothering me</p>
  
  <p>I've reached the point where I've decided to change the Facebook logo to a gif I got online and modified. The change is made no problem except that clicking on the logo no longer takes you back to the Facebook homepage.</p>
  
  <p>The change I made is the following:</p>
  
  <pre><code>#pageLogo
  {
  content:  url('http://i.imgur.com/hrsJAJh.gif');
  height: 82%; 
  width: auto;
  position: relative;
  left: -35px;
  }
  </code></pre>
  
  <p>I've tried using <code>background-image: url(...);</code>, but it just puts my new logo behind Facebook's official logo. I realize that using <code>content: url(...);</code> is also changing (i.e. removing) the anchor to the homepage found in:</p>
  
  <pre><code>&lt;h1 id="pageLogo"&gt;
      &lt;a data-gt="{"chrome_nav_item":"logo_chrome"}" href="https://www.facebook.com/?ref=logo"&gt;Facebook&lt;/a&gt;
  &lt;/h1&gt;
  </code></pre>
  
  <p>I've tried changing the content of the anchor itself to add the link back to the homepage:</p>
  
  <pre><code>#pageLogo a 
  {
  background-color: transparent;
  content: url('http://www.facebook.com/');
  }
  
  #pageLogo a:link 
  {
  background-color: transparent;
  content: url('http://www.facebook.com/');
  }
  
  #pageLogo a:visited 
  {
  background-color: transparent;
  content: url('http://www.facebook.com/');
  }
  
  #pageLogo a:active 
  {
  background-color: transparent;
  content: url('http://www.facebook.com/');
  }
  
  #pageLogo a:hover
  {
  background-color: transparent;
  content: url('http://www.facebook.com/');
  }
  </code></pre>
  
  <p>But it doesn't work and I'm guessing that's because I'm changing the content of the anchor (i.e. the "Facebook" text) and not the actual "href" of that anchor. </p>
  
  <p>I've looked here for anyone with a similar problem and most answers said to modify the HTML or use Javascript instead. With Social Fixer, I am only able to modify the CSS. </p>
  
  <p>I've checked w3 for an attribute for "href" and "data-gt" just in case, but no luck.</p>
  
  <p><strong>Just to reiterate after all this text, I want to change Facebook's logo while keeping the link to the Facebook homepage only using CSS.</strong></p>