Remove massive empty space after Acuity scheduling block

Site URL: https://union-parlor-trial.squarespace.com/config/pages

Hello! Could someone help me to figure out why one of my calendars on this website has a massive empty space underneath it.  Thank you!

https://union-parlor-trial.squarespace.com/config/pages
pw - hair

23 minutes ago, oldegray said:

Site URL: https://union-parlor-trial.squarespace.com/config/pages

Hello! Could someone help me to figure out why one of my calendars on this website has a massive empty space underneath it.  Thank you!

 

https://union-parlor-trial.squarespace.com/config/pages
pw - hair

Do you mean this space?

@bangank36 Hello there!  Not there, it's right after the second scheduling block titles "MISSOULA"

Try adding Home > Design > Custom Css

#block-yui_3_17_2_1_1645571499187_4548 .acuity-block-wrapper iframe {
  min-height: 550px;
}

Let me know how it works

Support me by pressing 👍 if this useful for you

This was exactly what I needed.  Thank you so much for helping me, @bangank36!

hi there.

I'm looking for this same solution for my website but i'm not a coder and i can't figure out my id for that block. 

my website is goodenergywork.com

password is goodenergy

if someone is able to help thanks!

On 11/29/2023 at 5:33 AM, ivana said:

hi there.

I'm looking for this same solution for my website but i'm not a coder and i can't figure out my id for that block. 

 

my website is goodenergywork.com

password is goodenergy

if someone is able to help thanks!

Try adding this code to Website Tools (under Not Linked) > Custom CSS

[data-section-id="65651ea79064433549c1ffe7"] .content-wrapper {
    padding-bottom: 0px !important;
}
.fe-65651ea79064433549c1ffe6 {
    grid-template-rows: repeat(18,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important;
}

thanks so much for trying... we couldn't get it to work but trying to live with the gap!

On 12/8/2023 at 5:36 AM, ivana said:

thanks so much for trying... we couldn't get it to work but trying to live with the gap!

 

Can you keep the code? I can check again easier

I'm also trying to reoslve this but it wouldn't work when I tried adding in the relevant block ID for my site:

#block-yui_3_17_2_1_1702411091209_104803

I tried doing this code but had no luck. Any ideas?

#block-yui_3_17_2_1_1702411091209_104803 .acuity-block-wrapper iframe { min-height: 550px; }

On 12/13/2023 at 4:14 AM, AlexSaunders said:

I'm also trying to reoslve this but it wouldn't work when I tried adding in the relevant block ID for my site:

#block-yui_3_17_2_1_1702411091209_104803

 

I tried doing this code but had no luck. Any ideas?

#block-yui_3_17_2_1_1702411091209_104803 .acuity-block-wrapper iframe { min-height: 550px; }

Can you share page url? We can check your case easier