Decreasing Section Padding Squarespace 7.1

I am using Squarespace 7.1 and need to remove vertical padding from sections - i.e. where sections join other sections. I imagine I'm not the only one thinking there is too much white space as a default and I can't find a way to remove it. 

Any ideas? I'm a new squarespace user and unfamiliar with custom css but will go down that road if needed. 

Thanks!

Can you provide a link to your site?

First click on the little pencil to edit the block...

Then use the section height tool to adjust the section height....

I hope this helps.

Thank you both for taking the time to try to help me. Unfortunately I can't share the site link yet as it is password protected and I don't have permission from the organisation it is for. I tried to adjust the section height to go as small as possible but there is still too much white space for my liking. I am using for the home page text overlaid on a background image, followed by a section containing blog posts displayed as a carousel, followed by a footer. I want to reduce the white space between the carousel and the image (on top) and footer (on bottom).  I'll keep playing around with this:) Thanks again. 

There is a min-height of 33vh set on sections. You need to override that to get the sections smaller. 

For all sections this would be:

.page-section {
    min-height: 0 !important;
}

For a specific section you need to specify the data-section-id that can be found by inspecting the page code using your browser's developer tools.

Somethig like this:

.page-section[data-section-id="5d979fd8590a832f3c411579"] {
    min-height: 0 !important;
}

Thank you

Hi Colin, 

This CSS isn't working on my site. I've DM'd you details.

Does is have something to do with "MagicPaddingController"?

Any ideas on what else I can try? Thank you 🙂
 

I am having the same problem. The CSS isn't working for me and when I inspect the page, I also have "MagicPaddingController. Can anyone help? I am trying to reduce the padding on all gallery sections.

12 hours ago, mpuls1 said:

I am having the same problem. The CSS isn't working for me and when I inspect the page, I also have "MagicPaddingController. Can anyone help? I am trying to reduce the padding on all gallery sections.

Use CSS

[data-section-id="enter section id here"] .content-wrapper {padding-top: 5px; padding-bottom: 5px;}

Each section has different ID. If you share link to your site, I can take a look

On 4/4/2020 at 4:11 AM, tuanphan said:

Use CSS

[data-section-id="enter section id here"] .content-wrapper {padding-top: 5px; padding-bottom: 5px;}

Each section has different ID. If you share link to your site, I can take a look

@tuanphan I am brand new to coding and website-building. Could you take a peek at the website I am working on? I am trying to make a very short block at the footer of every page for the copyright notice, but I haven't gotten anything to work yet.

Website: vdlbuilders.com / password: preview

I believe the block id is block-24f7fac60c5ecb3e84ae. I am not able to enter a custom code block with the plan I am on.