Form padding

[TheAki]

I am trying to remove the padding of the embedded hubspot form on my wordpress site.

I see the issue is 

 .hsfc-Step .hsfc-Step__Content {
width: 100%;
box-sizing: border-box;
padding: var(--hsf-background__padding);
padding-top: 40px;
padding-right: 40px;
padding-bottom: 40px;
padding-left: 40px;
}

but I can't change it in css for some reason, it ignores it, I've tried

.hsfc-Step .hsfc-Step__Content {
padding-left: 0 !important;
padding-right: 0 !important;
}

and

.hsfc-Step .hsfc-Step__Content {
padding: 40px 0 !important; 
}

[TomM2 · Accepted solution]

Hey @TheAki it looks like this is CSS for the new forms editor form, the new forms editor always loads within an iframe, meaning no external styling can affect this. Currently there is no way to load this outside of the iframe so you can add your own custom styling to this. Currently the legacy forms editor is the only one which allows for styling the form with your own css, however this does not support mult-step forms at the moment.