How do I customize the look of my forms?

Last updated: July 18, 2017

Available For:

Marketing: Basic, Pro, Enterprise
Sales: N/A

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

  • In your HubSpot Marketing account, 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.

Was this article helpful?