Increasing Site/Page Width using CSS on Squarespace Site

Question

I've got a Squarespace website & I'm trying to increase my site width on the SKYE template so the images & content only have a small bit of padding around. Here is the link to the site - password123. I've tried this but no luck:

#page { max-width: 1300px }

I'd like the space between the nav & main content closed up too but I'm struggling with that aswell. Sorry I'm not an expert at all (obviously) any help would really be appreciated!

Brandon Brandon · Accepted Answer · 2019-11-19T13:33:52

This can be accomplished by using CSS, inserted via the CSS Editor, to override the default style. The following CSS will decrease the space between the header and body (the .site-header bit) and will decrease the space between the body and the edges of the browser (the .responsive-padding bits).

.site-header {
  padding-top: 30px;
  padding-bottom: 30px;
}
.responsive-padding--right {
  padding-right: 30px !important;
}
.responsive-padding--left {
  padding-left: 30px !important;
}

As an aside, you can still share a link to your site with others (even for sites in trial mode) but setting your site visibility to "Password Protected" and then providing that view-only password when you provide a link. You can always change the password later if you don't want people to be able to view it going forward.

Increasing Site/Page Width using CSS on Squarespace Site

1 Answers