CMS Development

russellhawkins
Miembro

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 Me gusta
8 Respuestas 8
webdew
Guía | Partner nivel Diamond
Guía | Partner nivel Diamond

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 Me gusta
russellhawkins
Miembro

Form Submit Button Margin/Padding

0 Me gusta
erod
Colaborador

Form Submit Button Margin/Padding

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

0 Me gusta
russellhawkins
Miembro

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 Me gusta
erod
Colaborador

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 Me gusta
russellhawkins
Miembro

Form Submit Button Margin/Padding

Thank you!

0 Me gusta
erod
Colaborador

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 Me gusta
russellhawkins
Miembro

Form Submit Button Margin/Padding

0 Me gusta