Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
SammTalk

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!

Share this post


Link to post

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. 

Edited by colin.irwin

Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post


Link to post

I got it!! But if there is a better way let me know.

 

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

 

 

Share this post


Link to post

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? 

Share this post


Link to post
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?


You can send your question to my email to get faster answer.

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

OFF Forum from 05 - 09/06/2020, back to hometown

Share this post


Link to post
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! 

Share this post


Link to post
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


You can send your question to my email to get faster answer.

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

OFF Forum from 05 - 09/06/2020, back to hometown

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...