I am trying to customise the CSS in an embedded HubSpot form, however i am not having much luck!
As you can see from the screenshot below, the is automatically set to max-width: 500px;. This means the form only covers half the container, i am trying to extend the width so that it fills 100% of the width of the container.
I have read through the developer documentation listed below;
I have tried removing the default styling by adding css: "" to the
None of these have worked for me. I know it compiles on load, however it just isn't picking up any CSS classes i am trying to reference - I'm not even able to over-ride the existing classes by using !important.