I want to have Sign up buttom parallel to the fields in my hubspot website. Let me konw if someone can help, please!
Image for reference.
Hi, @Amnaafzal
Thanks for your question.
To help you with adjusting the placement of the “Sign Up” button to be parallel to the fields in your HubSpot form, could you provide a bit more information?
It would be helpful to know:
- Is this regarding a landing page or another type of page on your HubSpot website?
- Are you using a default HubSpot template, a template from the HubSpot Marketplace, or was it custom-coded by a member of your team or a developer?
The positioning of elements like a sign-up button is typically managed through CSS. The more our community members know about your form, like what kind of page it is and where it came from, the more likely it is they can give you better advice.
Thanks for the additional information! — Jaycee
Hi, @Jaycee_Lewis Thanks for replying
I want to have this signup form on main page of the website (not landing page)
Yes, I’m using a default hubspot template, a template from hubspot marketplace.
Hi @Amnaafzal
This kind of layout for forms is not typical in HubSpot and in order to achieve this usually requires a custom module and/or developer help.
However, I saw you are using the “Hatch” theme and if you would like to try this without a developer, one thing you can try is add that theme’s Form module to your page and then enter “form-inline” in the “Custom Classes” field.
This should put all form fields in a single row BUT the problem is it would probably not look great on small screens if there is more than one field. In order to solve that, would need to hide this module on mobile, then add the same Form module without the Custom Class and make it show only on mobile screens (hide on desktop).
Alternatively, you could also reach out to the creators of this theme to see if they have additional modules available.

