2016-03-02 55 views
0

这是我一生中见过的最有弹性的页脚。请注意题目答:Squarespace |如何从太平洋模板完全删除页脚?

网址:https://xavier-jackson-ovac.squarespace.com

你好,这个网站,我的工作,我试图找到一种方法,在此页面的背景伸展整个窗口无论怎样我调整它的大小,类似于封面,但总是在它下面的灰色页脚。我想:

在代码头注入

<style>#header { 
 
    display: none !important; 
 
    
 
    #preFooter { 
 
    display: none !important; 
 
    } 
 
    #footer { 
 
    display: none !important; 
 
    } 
 
    #page { 
 
    width: 100% !important; 
 
    min-height: 700px !important; 
 
    padding:20px !important; 
 
    margin: 0px !important; 
 
    max-width: 100% !important; 
 
    }</style>

在页面设置

<style> 
 
    #footer { 
 
    display: none !important; 
 
    } 
 
    </style> 
 

它摆脱的F ooter内容和prefooter,但实际页脚?没有任何工作....

我怎么能让它背景延伸整个窗口?我基本上试图让它看起来像一个封面,但与HTML功能,所以我可以添加像JavaScript/jQuery的东西。我有一个类似的主题使用这个模板,但我只是需要摆脱那个讨厌的页脚。帮帮我?

它是我当前页面底部的白色块。请帮我摧毁它... http://prntscr.com/aaelvf

这是标准模板底部的灰色块。请帮我摧毁它... http://prntscr.com/aaeo8m

所有帮助表示赞赏。谢谢。

回答

1

页脚隐藏(你隐藏了那个东西)。剩下的只是一个空的html标签。你需要添加一些内容来使页面进一步包装,或者将高度设置得更高(至少会给它一个白色背景),即。

#page { 
    width: 100% !important; 
    min-height: 1200px; 
    padding: 20px !important; 
    margin: 0px !important; 
    max-width: 100% !important; 
} 

但是,默认情况下,您希望将页面设置为1200px。您可能需要查看图像本身,然后调整由squarepace(806px)设置的高度。

style="top: 0px; left: -135px; width: 1210px; height: 806px; position: relative;"

+0

您的回答给了我希望!我终于能够再次看到它,你是对的,代码就是这样做的!非常感谢! – XavierTheGreat

+1

没问题 - 只要留意一下,因为它可能会影响其他页面的布局。您可能想要设计一些比'#page'封装更具体的内容,因为这可能会影响您网站上的每一页。 – twill