Forms

How do I customize the look of my forms?

Last updated: September 2, 2016

Available For:

Product: HubSpot Marketing
Subscription: Basic, Professional, & Enterprise

Please follow the steps below to customize a form that is placed within a HubSpot page:

  • Navigate to Content > Landing Pages or Content > Website Pages and edit the page in question.
  • Once in the page for editing, hover over your Form module > click Edit styles.
  • From here you'll see various options for styling your form including font type, font colors, margins, border colors, etc. Make any changes and click Save and go to module list.
  • When you're satisfied with your form style changes, make sure you click Publish or Update to push those changes to your live page.

Embedded forms on non-HubSpot pages need to be styled with CSS on the external site and/or page(s) they are embedded on. To learn more about styling an embedded form, please click here.