Custom CSS Hubspot Forms

Site URL: https://www.midwayconcrete.com.au/

Just wondering if someone can help me add custom css to my Hubspot forms (request a quote and contact us).

You can style the forms through Hubspt before embedding them but it is very limited and you aren't able to add custom css unless you embed as raw HTML. This is the embedding code for one of the forms:

<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
  hbspt.forms.create({
    portalId: "7206502",
    formId: "7e8c83b8-c711-4df1-b269-e64fb23ac317"
});
</script>

I have tried to add custom css in squarespace, however, nothing changes so I'm not sure what I should be targeting to override something in the code or if there is another trick?

Any help would be great!! Thank you :) 

Can you share link to page where you insered Hubspot form?

14 hours ago, tuanphan said:

Can you share link to page where you insered Hubspot form?

https://www.midwayconcrete.com.au/contact

&

https://www.midwayconcrete.com.au/request-a-quote

Thanks! 

8 minutes ago, KaraMidway said:

https://www.midwayconcrete.com.au/contact

&

https://www.midwayconcrete.com.au/request-a-quote

 

Thanks! 

It is in iframe tag, you can't CSS it. https://stackoverflow.com/questions/583753/using-css-to-affect-div-style-inside-iframe