Jump to content

Spacing at sides BUT NOT at top? 7.1

Recommended Posts

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

Hi,

 

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

 

 

 

 

326997429_ScreenShot2020-04-16at2_29_05pm.thumb.png.844b8205ac0b8ca5e0ae65947a4584fb.png

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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

mcgouran.john@gmail.com

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.