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

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!

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. 

This is awesome but how can I do this for just one page? Not an index page. 

Thanks! 

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

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

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? 

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?

www.caroline-perron.com Thanks!!!! 

15 hours ago, cakop0307 said:

www.caroline-perron.com Thanks!!!! 

Can you describe in detail your problem?

Thanks.

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! 

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

15 hours ago, tuanphan said:

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

www.caroline-perron.com

On 4/13/2020 at 11:09 AM, cakop0307 said:

www.caroline-perron.com

Have you solved this yet?

8 hours ago, tuanphan said:

Have you solved this yet?

No!!!!