Form input field sizing

MOutinen — Thu, 29 Feb 2024 13:05:45 GMT

Is it possible to shorten the width of form input fields? We have a site that uses Gravity Forms and HS but are switching them to be strictly HS forms. The current form has the first name/last name fields as smaller width input fields and we would like to keep it that way(view image):

But it seems that without Gravity Forms integrated we can not do that?

We already have to add more fields because there are limits to HS conditional logic so would be great if we don't have to bring another restriction of using HS to our client.

Re: Form input field sizing

Anton — Fri, 01 Mar 2024 18:50:57 GMT

Hi @MOutinen,

changing the width of the inputs is definetely possible.

Am I assuming right that you're embeding HS forms in a WordPress?

If so there are a few things to keep in mind:

disabling the default CSS of the form might be helpful. This feature is only available in Pro and Enterprise. I'm putting a few more helpful embed code modifactions below
Your WP theme is responsible for the form styling. So you'll need to apply changes in the WP Theme, not HubSpot
Conditional logic fields are always full-width by default (CSS flex styling can be applied) in HS

Default form embed code:

exclud default CSS via modification:

you can add a custom class as well

Here's a doc about all embed-code modification options

best,

Anton

topic Re: Form input field sizing in CMS Development

Form input field sizing

Re: Form input field sizing