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

Hello,

I would like to remove the left and right padding or margin from the Acuity window from this page.

https://iguana-clementine-r6hb.squarespace.com/config/pages

Kind regards,

On 6/15/2024 at 7:56 PM, KnoweRata said:

Hello,

I would like to remove the left and right padding or margin from the Acuity window from this page.

https://iguana-clementine-r6hb.squarespace.com/config/pages

Kind regards,

Which page are you referring to? /config is url for site owner

https://iguana-clementine-r6hb.squarespace.com/?noredirect

Hi tuanphan,

Thanks for your reply.

I'm referring to the page entitled "Sessions"

Kind regards,

On 6/18/2024 at 12:11 PM, KnoweRata said:

Hi tuanphan,

Thanks for your reply.

I'm referring to the page entitled "Sessions"

Kind regards,

I guess you can edit Page > Drag Schedule Block to left/right to increase width/reduce spacing?

Hi tuanphan,

Thanks for your reply.

Please see the attached image. I would like the Acuity window to be flush with the annotated green line.

In other words, I would like the left border of the Acuity window to align with the left border of the text blocks above the window.

Many thanks,

Hi Squarespace,

Just wondering if anyone saw my post above?

Kind regards,

This red space is inside Acuity, we can't control it.

but you can use a code like this to Website Tools > Custom CSS to move Acuity to left a bit

@media screen and (min-width:992px) {
div#block-yui_3_17_2_1_1703767041520_14650 iframe {
    position: relative;
    left: -50px;
}
}

thank you

On 2/23/2022 at 11:41 PM, Beyondspace said:

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

Hi, can you help me with my Acuity space too? I can't find the block id for it:
https://www.thecarolamoon.com/lifeshifts-coaching-programme
Thank you 🙏

On 7/18/2024 at 10:31 PM, Rolaa said:

Hi, can you help me with my Acuity space too? I can't find the block id for it:
https://www.thecarolamoon.com/lifeshifts-coaching-programme
Thank you 🙏

You can follow this to find ID

In your case

ID is

#block-9ca9bae9bfc806011de3

On 7/20/2024 at 11:20 AM, tuanphan said:

You can follow this to find ID

 

In your case

ID is

#block-9ca9bae9bfc806011de3

 

Thank you tuanphan, 

I've added this code below to the CSS but it's not making a difference. 

---

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

On 7/21/2024 at 11:12 PM, Rolaa said:

Thank you tuanphan, 

I've added this code below to the CSS but it's not making a difference. 

---

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

Not sure why, but I see you or SS added this, so above code can't override this height code. You try checking again. If you still can't handle it, let me know, I will give script code to remove this value

2 hours ago, tuanphan said:

Not sure why, but I see you or SS added this, so above code can't override this height code. You try checking again. If you still can't handle it, let me know, I will give script code to remove this value

 

Hi tuanphan, 

I just double-checked, but that's not something I added.

Can you help? Thank you

Is there a way to remove their logo? It's ridiculous that I must pay 27 a month to use the scheduler, but I also have to promote it on my website. Support says with an upgraded plan I can remove it.