Can't Style the New Forms

Developer Support CMS Development
1

I’ve tried lots of methods but any attempt at css or javascript change on the website is overwritten by HubSpot.
The problem is the embed code uses: https://js.hsforms.net/forms/embed/[hubspot-id].js, so this can’t be edited in HubSpots design manager.

I’m thinking of scrapping the embed script entirely and replacing it with my own JavaScript to handle the form submissions myself, however I’ll have to rewrite all the api calls and probably provide the form structure.
Before I get that deep, has anyone else solved this?
PS these are the new forms, not the legacy ones which allow raw html

2

Hi, @ArtificialEmots :waving_hand: The styling options for the non-legacy forms can be found here. As mentioned, you may need to use the Forms API and a custom coded form to get the level of customization you need. Hey @BarryGrennan @alyssamwilie @evaldas how have you dealt with this since the transition to the new forms?

Best,

Jaycee

3

Thanks Jaycee.
My client’s doesn’t want to commission the amount of work this would involve, they’re moving to another form integration. Which will likely bring me just as much reconfiguring work…

4

YUP!