Jump to content

Spacing at sides BUT NOT at top? 7.1

Recommended Posts

Site URL: https://smilodon-ocelot-my5f.squarespace.com/



If I want to change the spacing across the whole site so my images have more room at the sides - how do I REMOVE the spacing from the top?


My spacing was on 3vw. I want to be able to alter this whenever I want WITHOUT adding space to the top.


If I change it to anything over 3vw up to max 12vw, then this not only gives an undesirable gap at the top, but it also eats into the slideshow image on my homepage.


The styling in the header does not change this.


passcode: trythis






Link to comment
  • Replies 5
  • Views 378
  • Created
  • Last Reply

hi, @mportch

Perhaps the following lines of code will help you target. You can set each padding area by px or em as below, so 10px by example. And, you can delete the target areas that you do not find useful. For example, the padding-bottom effects the bottom padding of the page. The code also effects the all pages and  

#page .content-wrapper {
   padding-top: 1em;
   padding-bottom: 1em;
   padding-left: 5em;
   padding-right: 5em;

- John


Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.