Padding issue with HTML code snippet

Site URL: http://www.spongeeclean.com

Hi there! I am having padding issues with my custom code snippet on my homepage (www.spongeeclean.com). I've seen similar questions asked around this topic in this forum, but I was unable to solution on my own. Can anyone recommend a solution here without requiring access to my squarespace account? I assume it is just a quick CSS code?

Add to Design > Custom CSS

iframe[src*="maidily.com"] {
    height: 350px;
}

9 minutes ago, tuanphan said:

Add to Design > Custom CSS

iframe[src*="maidily.com"] {
    height: 350px;
}

 

Thanks for the tip! That seemed to fix the issue where the button was cut off, but for some reason the random scroll bar on the right is still showing up for this code block. I tried changing the column height to 100% and 500px, but itstill seems to appear in both scenarios. Do you know how I can remove that as well?

On 3/24/2022 at 3:25 PM, spongee said:

Thanks for the tip! That seemed to fix the issue where the button was cut off, but for some reason the random scroll bar on the right is still showing up for this code block. I tried changing the column height to 100% and 500px, but itstill seems to appear in both scenarios. Do you know how I can remove that as well?

Hi,

It is scroll bar inside iframe, from original site, no way to remove it

https://maidily.com/iframes/calculator/1491b12f03d825071663f6854049c5ab

You can also use this code, doesn't really good,

use this code

iframe[src*="maidily.com"] {
    height: 350px;
    position: relative;
    right: -30px;
}

div#block-yui_3_17_2_1_1647369563207_2933>div {
    overflow: hidden;
}