Squarespace集合页面有一个我无法编辑的不同css

Question

我目前正在使用Squarespace来构建一个网站（http://www.aspect11.com.au/），我正在注入代码以特定的方式设置它。这个＆＃39;集合＆＃39;页面（图库）不像其他页面那样显示（联系人），我无法弄清楚如何使其显示相同。

有人可以使用Inspect Code（或类似的东西）并提供建议吗？我真的很感激。

我定制的当前css如下：

/* Home Bg */
#siteWrapper{
background-    image:url('http://static1.squarespace.com/static/52dcef2ae4b086a63887d86f/t/54dd3d    a2e4b0977f1c7ca66e/1423785392011/Melbourne-Property-Photography-1.jpg');
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;}

/* header div top */
.transparent-header.view-list .banner-thumbnail-wrapper, .transparent-header.collection-type-page .banner-thumbnail-wrapper {
padding: 180px 0 155px;
height: 50px
}

/* Gallery and contact page header */
body:not(.has-banner-image).transparent-header #header, .collection-type-gallery.has-banner-image.transparent-header #header {
 background-color: #3f3131;
 background: -moz-linear-gradient(top,  rgba(63,49,49,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,49,49,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(63,49,49,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(63,49,49,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(63,49,49,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(63,49,49,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3131', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

/* Dropdown nav */
#headerNav nav .subnav, #sidecarNav nav .subnav {
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}  

/* #siteWrapper {
background-image:     url("https://static1.squarespace.com/static/52dcef2ae4b086a63887d86f/t/54e15da8e4b033d521c9f341/1424055721678/Logo-pattern.jpg") !important;
background-repeat: repeat;
}*/
/* Prefooter */
#preFooter {
background-color: #4c3e3e;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
opacity: 0.0;
filter: alpha(opacity=00); /* For IE8 and earlier */
}
.pre-footer-inner .sqs-layout {
padding: 0px;
}

/* Footer */
#footer {
background-color: #3f3131;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
opacity: 0.0;
filter: alpha(opacity=0); /* For IE8 and earlier */

 }
.footer-inner {
padding: 9px 9px;
position: fixed;
bottom: 0;
width: 100%;
}

/* background for pages */
#content {
background-image: url("https://static1.squarespace.com/static/52dcef2ae4b086a63887d86f/t/54e15da8e4b033d521c9f341/1424055721678/Logo-pattern.jpg") !important;
background-repeat: repeat;
}
/* background for gallery */
#page {
 background-image:     url("https://static1.squarespace.com/static/52dcef2ae4b086a63887d86f/t/54e15da8e4b033d521c9f341/1424055721678/Logo-pattern.jpg") !important;
background-repeat: repeat;}

/* About company heading styles */
.desc-wrapper p {
font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
font-size: 16px;
letter-spacing: 0px;
text-transform: none;
line-height: 1.5em;
font-family: "futura-pt";
font-size: 24px;
line-height: 1.3em;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 300;
font-style: normal;
color: #ECECEC;
margin: 20px auto;
-webkit-transform: translatez(0);
}

h2 {
font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 500;
font-family: "futura-pt";
font-size: 45px;
line-height: 1.2em;
text-transform: none;
font-style: normal;
color: #FFF;
}

h2, .summary-title a {
color: #FFF;
}

h3 {
font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
letter-spacing: 0px;
text-transform: none;
font-family: "futura-pt";
line-height: 1.3em;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 500;
font-style: normal;
color:#FFF
}

Answer 1

在#siteWrapper ID上，您需要在结尾处添加以下内容：

background-attachment:fixed;

这将使背景图像与主页背景相同。

<强>更新 要使其看起来像“联系”页面，您需要更改一些内容。这应该可以解决问题：

在#page ID上，注释掉或删除max-width:1020px。

将以下内容添加到#content：

margin:0 auto;
max-width:1020px;