Jump to content

Bedford page margins - too much white space - how do I adjust the padding??

Recommended Posts

Hi everyone,

I recently moved my site to Bedford because I liked some of the features, but it's created a couple of new headaches. 

Does anyone know how to remove the huge about of white space / padding in the margins of pages? I cannot find anything in the site styles and it does not appear when I am editing... it is hidden when I edit but then when I save the page and go see the page via our URL, everything on the page seems really small because there is such a big white margin.

All suggestions appreciated!

Link to comment
  • Replies 12
  • Created
  • Last Reply

In Bedford the #page part of the layout (under the full width banner) has a maximum width setting as well as padding. 
These can be controlled by adding the following to your custom css, after any other code that may be there. 

#page {
    max-width: 1020px !important; // 1020px is the default size
    padding: 96px 32px !important;  // First number is top & bottom, second is left & right  Defaults are 96px and 32px
}

Once inserted you can tweak the max-width and padding values. I've inserted comments so that you can see what the default values are. 

If you're looking for a Squarespace Developer, drop me a line. 

Link to comment
  • 5 months later...
15 hours ago, cakop0307 said:

Hi! Did you find a way to change the size of the pages that doesnt change the size of the banners at the same time? 

Can you share link to your site?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 4/8/2020 at 3:17 AM, tuanphan said:

Can you describe in detail your problem?

Thanks.

Hi!!! I found a way to have less white margin on regular pages using this code for each collection 

 

#collection-5db850a64754fa5a64ad4b96 #page  {
    max-width: 25020px !important; 
    padding: 96px 32px !important;  
}

But when i use it on INDEX Pages, the banners aren't full width anymore. What should i do? (Sorry i speak french i hope this is clear) Thanks a lot for helping me! 

Link to comment
19 hours ago, cakop0307 said:

Hi!!! I found a way to have less white margin on regular pages using this code for each collection 

 


#collection-5db850a64754fa5a64ad4b96 #page  {
    max-width: 25020px !important; 
    padding: 96px 32px !important;  
}

But when i use it on INDEX Pages, the banners aren't full width anymore. What should i do? (Sorry i speak french i hope this is clear) Thanks a lot for helping me! 

Can you share link to your site? I can take a look

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Archived

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.