Blank Space After a Markdown Block after Fluid Engine Upgrade

I am upgrading my pages to Fluid Engine and I'm running into an issue I can't figure out. I used markdown blocks to create accordion blocks before they were available in Squarespace. I would like to keep them because I haven't been able to modify Squarespace's accordion blocks to look like those I designed with markdown blocks. But since upgrading to Fluid Engine, there is a big blank space after the markdown blocks in both computer and mobile views. Is there code to get rid of the blank space? I've attached two screenshots to show the blank space (in mobile view). Here is the url to the page:  https://www.les-lilas.com/how-to-apply

Thanks in advance for any help anyone may have!

Add to Website > Website Tools (under Not Linked) > Custom CSS

/* mardown space */
.fe-65590992458fb74dcb92f166 {
    grid-template-rows: repeat(8,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important;
}

Thank you! This worked on some pages, but not all of them...

Can I add id blocks to make it work for specific pages?

On 11/21/2023 at 8:26 AM, PenelopeS said:

Thank you! This worked on some pages, but not all of them...

Can I add id blocks to make it work for specific pages?

Which page doesn't work? We can adjust code easier

These are the pages that still have blank space after the markdown block:

https://www.les-lilas.com/careers (both for desktop and mobile)

https://www.les-lilas.com/how-to-apply (just for desktop—mobile has no blank space)

https://www.les-lilas.com/jedi-committee (just for desktop—mobile has no blank space)

Thanks for your help!

On 11/30/2023 at 2:09 AM, PenelopeS said:

These are the pages that still have blank space after the markdown block:

https://www.les-lilas.com/careers (both for desktop and mobile)

https://www.les-lilas.com/how-to-apply (just for desktop—mobile has no blank space)

https://www.les-lilas.com/jedi-committee (just for desktop—mobile has no blank space)

Thanks for your help!

With careers page, you try adding a new section under (use Classic Editor Section) > Then add text + markdown again, I think Classic Section won't have problem

But if you still want to use code to reduce space, let me know, I will give code

I tried that but then the markdown didn't work (no "+" or "-" signs). What is the code?

Also, what about the other 2 pages that have blank in just the computer version (not mobile)?

I really appreciate your help!

On 12/2/2023 at 9:40 AM, PenelopeS said:

I tried that but then the markdown didn't work (no "+" or "-" signs). What is the code?

Also, what about the other 2 pages that have blank in just the computer version (not mobile)?

I really appreciate your help!

You can use Accordion Block, SS released it, then we can give code to make accordion title to violet color like as current color

Or use this code to Website Tools (under Not Linked) > Custom CSS to remove space on /careers page

@media screen and (min-width:992px) {
.fe-656a8afe22d44667f7279453 {
    row-gap: 0 !important;
    grid-template-rows: repeat(7,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important;
}
}

Hi! I am also having this same issue. There is a giant blank space under my markdown box on my faq page and one other page. Halp!

https://www.my3meals.com/faq

https://www.my3meals.com/samplegoals1

On 3/5/2024 at 6:07 AM, Aby said:

Hi! I am also having this same issue. There is a giant blank space under my markdown box on my faq page and one other page. Halp!

https://www.my3meals.com/faq

https://www.my3meals.com/samplegoals1

With FAQ page, try this code to Website > Website Tools > Custom CSS

.fe-649de6a880079e99d3fecb83 {
    grid-template-rows: repeat(10, minmax(calc(~"var(--container-width)* var(--row-height-scaling-factor)"), auto)) !important;
}

I am still having issues with big blank spaces after markdown blocks. The solutions above fixed some pages, but not all of them.

The following pages have issues:

https://www.les-lilas.com/careers (for both desktop and mobile)

https://www.les-lilas.com/financial-aid (on mobile)

https://www.les-lilas.com/summer-camp-2024 (for both desktop and mobile)

https://www.les-lilas.com/jedi-committee (on desktop)

@tuanphan Not sure why your fix doesn't work everywhere. Is there something I'm not doing right?

Any help is greatly appreciated!

On 4/16/2024 at 9:24 AM, PenelopeS said:

I am still having issues with big blank spaces after markdown blocks. The solutions above fixed some pages, but not all of them.

The following pages have issues:

https://www.les-lilas.com/careers (for both desktop and mobile)

https://www.les-lilas.com/financial-aid (on mobile)

https://www.les-lilas.com/summer-camp-2024 (for both desktop and mobile)

https://www.les-lilas.com/jedi-committee (on desktop)

 

@tuanphan Not sure why your fix doesn't work everywhere. Is there something I'm not doing right?

Any help is greatly appreciated!

 

I see you added some code. DO NOT remove it. Then You can use this CSS code under for 4 pages

/* jedi */
.fe-65610bcd3d3649721ca4cb3f {
    grid-gap: 0px !important;
}
/* super camp 2024 */
.fe-65bd308197f3db77dbeb3042 {
    --row-height-scaling-factor: 0 !important;
}
/* financial aid */
.fe-657b8bd989d4ed22152d26a0 {
    grid-template-rows: repeat(11,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important;
}
/* careers */
.fe-661daf53445fac49c0484143 {
    grid-gap: 0px !important;
}