, если стартовая страница (или определенная страница/url) скрыть нижний колонтитул

Question

Я в чем-то загадке. Я сейчас пересматриваю сайт Square Space. И я использую их бета-режим «разработчика»; который до сих пор, по-видимому, только разрешает источник файлов CSS, все находится в пределах их «блоков» или. страница /. блок. Файлы .html или .php не найдены нигде.

Так что я застрял в их «области ввода кода» - и для нижнего колонтитула. Я установил нижний колонтитул, , но нижний колонтитул должен отображаться везде, кроме главной страницы. Мне интересно, знает ли кто-нибудь из вас способ писать встроенные JS и/или CSS, чтобы ТОЛЬКО скрыть нижний колонтитул с главной страницы; или URL-адрес домашней страницы?

<center> 
    <div> 
    <a class="footer" href="https://coolguys.squarespace.com/terms/">FAQ</a>&nbsp;• 

    <a class="footer" href="https://coolguys.squarespace.com/green/">GREEN</a>&nbsp;• 

    <a class="footer" href="https://coolguys.squarespace.com/wholesale/">WHOLESALE</a>&nbsp;• 

    <a class="footer" href="https://manbearpigs.squarespace.com/links/">LINKS</a> 

<br> 
    <span>Hello World</span>  
</div> 

Делать это с чистым CSS будет наиболее предпочтительным.

Я нашел это:

body.page-id-777 td#footer { 
display:none; 
} 

Но не знаете, как в URL страницы или т.д.; может перевести на идентификатор страницы.

Answer 1

Это легко можно сделать с помощью чистого js.

if (document.url == "http://squarespace.com") { 
    document.getElementsByClassName("footer")[0].style.display = 'none'; 
} 

Answer 2

Я могу ошибаться, но я думаю, что Squarespace ставит homepage класса на теле для домашней страницы и page класса для любой другой страницы. Если это так (и я подозреваю, что вы можете проверить его довольно легко), то следующий CSS должен работать:

body.homepage td#footer {display: none;} 
body.page td#footer {display: table-cell;}