How to add some space/padding on the left of the page? – Flatiron

Site URL: http://alextreadway.co.uk/journal

Hi Squarespace people. So I've used some custom code on this site to add some padding around the images on the homepage, custom fonts etc. However it's pushed the content on my standard pages to the left hand side. How can I override this back again so it lines up nicely with the logo above? Any help much appreciated! Sharing my CSS below on separate post. 

/* Flatiron: Add 8px white space between index items */
/* set the white space on each side of page */
#container-content {
   padding-left: 5px!important;
   padding-right: 0px!important;
}
#grid .item {
 margin-left:-5px;
 a {
   border: 5px solid #f7f6f5;
   }
 /* Overlay size on hover */
 .wrapper {
   margin: 5px;
 }
}


#project .share-like {
   display: none !important;
}

span, .blog-item-wrapper .blog-meta-item a,.blog-item-wrapper .blog-meta-item {
    font-family: 'National2Condensed' !important;
}

time.published {
    font-family: 'National2Condensed' !important;
    font-weight: normal !important;
}


header#topBar a[href*="instagram"]:before {
    content: "\f16d";
    font-family: "Font Awesome 5 Brands";
    visibility: visible;
}
header#topBar a[href*="instagram"] {
    visibility: hidden;
}

#navigator article .sidebar .social-like {
  display: none;
}

@media screen and (max-width:640px) {
header#topBar a[href*="instagram"]:before {
    display: block;
}
}
body.view-list span.date {
    padding-left: 32px;
}

@tuanphan – would you have an answer by any chance? Many thanks in advance. Alex

On 12/15/2021 at 8:09 PM, Pocamuffin said:

@tuanphan – would you have an answer by any chance? Many thanks in advance. Alex

Add to Design > Custom CSS > Then save & reload the site

/* Main content padding */
div#grid {
    margin-left: 35px !important;
    margin-right: 35px !important;
    width: calc(~"100% - 70px") !important;
}

16 minutes ago, tuanphan said:

Thanks – but didn't work unfortunately. This added the padding to the homepage not the standard  pages – possible to do it the other way around? 

 

On 12/17/2021 at 8:22 PM, Pocamuffin said:

 

You want to do for all pages or home page only or other pages only?

All the pages except the homepage. 

On 12/19/2021 at 4:45 PM, Pocamuffin said:

All the pages except the homepage. 

Try this new code

/* Main content padding */
body:not(.homepage) div#grid {
    margin-left: 35px !important;
    margin-right: 35px !important;
    width: calc(~"100% - 70px") !important;
}

1 hour ago, tuanphan said:

Thanks, almost perfect. With this slight change to your code it works... 

/* Main content padding */
body:not(.homepage) div#container-content {
    margin-left: 35px !important;
    margin-right: 35px !important;
    width: calc(~"100% - 70px") !important;
}

Thanks again – always appreciated.