Jump to content

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

Recommended Posts

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. 

Screenshot 2021-12-14 at 14.13.05.png

931073666_Screenshot2021-12-14at14_12_50.png

Link to comment

/* 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;
}

 

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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. 

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.