Hey all. I’m new to HubSpot. Working on converting our forms over to using it. They are hosted in a Drupal CMS so I’ve been using the embed script to do it. I’ve spent several days trying to remove the label (class=“hsfc-FieldLabel”) from a HubSpot form and feel like I need a push in the right direction.
I’ve been able to do it using either CSS or JS for a single-step form, as it just loads the form inline in the page so JS and CSS can manipulate the DOM. The issue that I’m having now is with a multi-step form, as the HTML is loaded inside of an iframe. I’ve attached a screenshot of the two forms, side-by-side, so you can see what I’m talking about.
The goal would be to make these two forms stylistically look the same, which is why I’m trying to remove the label. I did find
this article where it talks about being able to add CSS variables to change the color of the label and asterisk, but that just leaves a large empty space in my form. And I saw a different article that seemed to indicate that it was possible to use a template to style your form CSS, but best I can tell that’s only good if you’re using HubSpot as the CMS.
Has anyone ever been successful in removing the label from a multi-step HubSpot embedded form? Thank you for your assistance!