Form styling

SOLVE
Highlighted
Regular Contributor

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

1 Accepted solution

Accepted Solutions
Highlighted
Solution
Top Advisor | Platinum Partner

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.

View solution in original post

Reply
0 Upvotes
2 Replies 2
Highlighted
Solution
Top Advisor | Platinum Partner

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.

View solution in original post

Reply
0 Upvotes
Highlighted
Regular Contributor

Hi 

 

Great, thanks tjoyce.

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

 

Thank you

 

Matt