Form styling

[Matt1986]

Hi

I'm trying to restyle the forms on our website and want the form to have a max-width of 600 px. I'm having no probelms with achieving this with the form fields. However i can seem to get the form button to also have a max width of 600px and scale down with the form fields when being responsive.

An example of our current forms can be seen at the bottom of this page https://www.eurobase.com/our-partners

Any help would be much appreciated! 

Thanks

Matt

[tjoyce · Accepted solution]

Hello @Matt1986 - Try the following CSS,

form.hs-form {
    max-width:600px;
    margin: auto;
}
form.hs-form input[type="submit"]{
    display: block;
    width: 100%;
    max-width: 600px;
}
.hs-submit {
    padding-right: 10px;
}
#hs_cos_wrapper_module_153303994411993 * {
 max-width: 600px;
 margin:auto;
}

it should help your form look like this:

https://monosnap.com/file/opxEkvylwSH0XRdoeTusPwcNOjuHF4

---

If this answer helped, please, mark as solved 😄

---

tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

Drop by and say Hi to me on slack.

[Matt1986]

Hi 

Great, thanks tjoyce.

That is what i as aiming for. Appreciate the help!

Thank you

Matt