Remove padding from gallery block

I have a gallery block that contains only a video, and I'd like the thumbnail to fill the section vertically. Currently, Squarespace is adding padding to the top and bottom. If I inspect the section and change "--inset-padding: 0vw;" to "--inset-padding: 0;" the padding goes away, but I'm having problems getting the same result via CSS. 

See attached images.

Hi,

Can you share link to this page?

https://gopher-dove-dhgd.squarespace.com/matt-dale

password: lerners

I am having the same issue. I have a gallery block that I would like to fill the entire section but there is extra padding above and below.

On 3/9/2023 at 1:07 AM, adamsson said:

https://gopher-dove-dhgd.squarespace.com/matt-dale

password: lerners

Try adding to Design > Custom CSS

/* fill section */
.fe-6408b937f1378f5967d3e203 {
    --inset-padding: 0 !important;
}

On 3/10/2023 at 4:24 AM, tuanphan said:

Try adding to Design > Custom CSS

/* fill section */
.fe-6408b937f1378f5967d3e203 {
    --inset-padding: 0 !important;
}

 

That works! I will have 30 pages like this, each with two of these gallery blocks. Is there some way to avoid having 60 of these CSS blocks? Aside from changing the design?

Use a code like this, it will target all sections with height 51%

/* fill section */
[data-current-styles*='"customSectionHeight": 51'] .fluid-engine {
    --inset-padding: 0 !important;
}

12 hours ago, tuanphan said:

Use a code like this, it will target all sections with height 51%

/* fill section */
[data-current-styles*='"customSectionHeight": 51'] .fluid-engine {
    --inset-padding: 0 !important;
}

 

Thank you!

So close! I set the section height to 1% and made the corresponding CSS change, and it's almost perfect. There's still a small border at the top and bottom of the section.

In the browser inspector, I can see that there's a calculation being run for the top and bottom padding:

    padding-top: calc(1vmax / 10);
    padding-bottom: calc(1vmax / 10);

But my attempt at zeroing those out in the CSS failed. I'm guessing that I'm missing something?

/* fill section */
[data-current-styles*='"customSectionHeight": 1'] .fluid-engine {
    --inset-padding: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

On 3/15/2023 at 9:50 PM, adamsson said:

Thank you!

So close! I set the section height to 1% and made the corresponding CSS change, and it's almost perfect. There's still a small border at the top and bottom of the section.

In the browser inspector, I can see that there's a calculation being run for the top and bottom padding:

    padding-top: calc(1vmax / 10);
    padding-bottom: calc(1vmax / 10);

But my attempt at zeroing those out in the CSS failed. I'm guessing that I'm missing something?

/* fill section */
[data-current-styles*='"customSectionHeight": 1'] .fluid-engine {
    --inset-padding: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

Try this

/* fill section */
[data-current-styles*='"customSectionHeight": 51'] .content-wrapper {
    padding: 0 !important;
}

18 hours ago, tuanphan said:

Try this

/* fill section */
[data-current-styles*='"customSectionHeight": 51'] .content-wrapper {
    padding: 0 !important;
}

 

That seemed to crush the image down to a sliver.

On 3/18/2023 at 3:53 AM, adamsson said:

That seemed to crush the image down to a sliver.

Which page are you referring to?

3 hours ago, tuanphan said:

Which page are you referring to?

Same page. Sorry, I reversed the change, it's back now.

On 3/14/2023 at 10:32 PM, tuanphan said:

Use a code like this, it will target all sections with height 51%

/* fill section */
[data-current-styles*='"customSectionHeight": 51'] .fluid-engine {
    --inset-padding: 0 !important;
}

 

I went back to this original code, but it turns out that it caused significant issues with the editor elsewhere on the page, so I commented it out.

On 3/9/2023 at 1:07 AM, adamsson said:

https://gopher-dove-dhgd.squarespace.com/matt-dale

password: lerners

Site url doesn't exist now. Can you check it again?

On 3/24/2023 at 10:03 PM, tuanphan said:

Site url doesn't exist now. Can you check it again?

New URL is https://lernerspi.squarespace.com/matt-dale. 

On 3/27/2023 at 10:25 PM, adamsson said:

New URL is https://lernerspi.squarespace.com/matt-dale. 

lerners

On 3/22/2023 at 11:13 PM, adamsson said:

I went back to this original code, but it turns out that it caused significant issues with the editor elsewhere on the page, so I commented it out.

What is problem with this code? I just tried & see no problem here

Im having the exact same issue, same block configuration did the code above work? Thank you!

12 hours ago, ilseS said:

Im having the exact same issue, same block configuration did the code above work? Thank you!

If you share link to page where you have problem, we can take a look