CMS Development

russellhawkins
Membro

Form Submit Button Margin/Padding

Looking for a way to close the gap (padding/margin) between the entry field and the submit button. preview-full-preview-lightbox-Screen Shot 2021-10-14 at 6.15.21 PM.png

0 Avaliação positiva
8 Respostas 8
webdew
Orientador(a) | Parceiro Diamante
Orientador(a) | Parceiro Diamante

Form Submit Button Margin/Padding

Hi @russellhawkins ,

Please use Hubspot HTML Embed Code then you can easily edit and set form style now you have you form third partry you can not overhide, under iframe style.

Hope this helps!


If we were able to answer your query, kindly help the community by marking it as a solution.

Thanks and Regards. 

 

0 Avaliação positiva
russellhawkins
Membro

Form Submit Button Margin/Padding

0 Avaliação positiva
erod
Colaborador(a)

Form Submit Button Margin/Padding

@russellhawkins Not that one. The link to the page where you took the screenshot. 

0 Avaliação positiva
russellhawkins
Membro

Form Submit Button Margin/Padding

It's currently under development, but the form is near the bottom of every page:

http://dev.beckyrobinson.com/

0 Avaliação positiva
erod
Colaborador(a)

Form Submit Button Margin/Padding

@russellhawkins the problem seems to be around the button. It has extra padding around it. You'll need to set padding to 0 for the ".actions" class. I added a few screenshots and video below. 

 

2021-10-29_10-26-20.png

2021-10-29_10-27-57.png

See Video

0 Avaliação positiva
russellhawkins
Membro

Form Submit Button Margin/Padding

Thank you!

0 Avaliação positiva
erod
Colaborador(a)

Form Submit Button Margin/Padding

Hi @russellhawkins , 

 

The spacing between fields is controlled by the "Input" class. Normally, you would set a margin-bottom to set this space—yours looks a little different. Do you have a link to the form to diagnose the problem? 

input {
    margin-bottom: 10px;
}

 

0 Avaliação positiva
russellhawkins
Membro

Form Submit Button Margin/Padding

0 Avaliação positiva