title: if homepage (or a certain page / url) hide footer
body: <p>I'm in a sort of conundrum. I'm in the process of revamping a Square Space website. And I'm using their beta 'developer' mode; which thus far seems to only allow the source of the CSS files, everything is within their '<em>blocks</em>' or .<em>page</em> / .<em>block</em>. No .html or .php files to be found anywhere. </p>
  
  <p>So I'm stuck within their 'Code Injection area' -- and for the footer. I set the footer contents, <strong>but the footer should show everywhere except for the homepage. I'm wondering if any of you know a way to write inline JS and / or CSS to ONLY hide the footer from the homepage; or by homepage URL?</strong></p>
  
  <pre><code>&lt;center&gt;
    &lt;div&gt;
      &lt;a class="footer" href="https://coolguys.squarespace.com/terms/"&gt;FAQ&lt;/a&gt;&amp;nbsp;•
  
      &lt;a class="footer" href="https://coolguys.squarespace.com/green/"&gt;GREEN&lt;/a&gt;&amp;nbsp;•
  
      &lt;a class="footer"  href="https://coolguys.squarespace.com/wholesale/"&gt;WHOLESALE&lt;/a&gt;&amp;nbsp;•
  
      &lt;a class="footer" href="https://manbearpigs.squarespace.com/links/"&gt;LINKS&lt;/a&gt;
  
  &lt;br&gt;
    &lt;span&gt;Hello World&lt;/span&gt;    
  &lt;/div&gt;
  </code></pre>
  
  <p>Doing this with pure CSS would be the most preferable.</p>
  
  <p>I found this: </p>
  
  <pre><code>body.page-id-777 td#footer {
  display:none;
  }
  </code></pre>
  
  <p>But unsure how a page URL or etc; could translate into a page ID.</p>