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
  • Views 2k
  • 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. 

I'm Colin Irwin aka silvabokis.  I've been a Squarespace designer & developer since 2013. 
I remember when it was all wild prairies round these here parts. 🐃🤠
Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written.
That reminds me.. ..you might want to check out my
Squarespace template finder or have a look at my other Squarespace tips
Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. 
If you're looking for a Squarespace developer 
Book a chat or Drop me a line - first meeting is always free  

 

Link to comment
  • 5 months later...
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

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

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.