Jump to content

Border/padding on blog page? – FLATIRON

Recommended Posts

  • Replies 6
  • Views 535
  • Created
  • Last Reply

Top Posters In This Topic

1 hour ago, Pocamuffin said:

@tuanphan Would you have a fix for this by any chance? 

By the way this is only happening because I'm using this CSS to add a white border on the grid page...

/* 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 {
 a {
   border: 5px solid #f8f7f6;
 /* Overlay size on hover */
 .wrapper {
   margin: 5px;


Link to comment
On 9/28/2021 at 11:59 PM, Pocamuffin said:

Hi again @tuanphan If you have a fix for this, would be much appreciated. Essentially I just want to add 35px of padding to the left except the header and grid pages? Any idea? 


Try this code

#container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1350px !important;
    padding-left: 35px;
    padding-right: 35px;


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

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.