CMS Development

russellhawkins
Member

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 Upvotes
8 Replies 8
webdew
Guide | Diamond Partner
Guide | Diamond Partner

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 Upvotes
russellhawkins
Member

Form Submit Button Margin/Padding

0 Upvotes
erod
Contributor

Form Submit Button Margin/Padding

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

0 Upvotes
russellhawkins
Member

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 Upvotes
erod
Contributor

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 Upvotes
russellhawkins
Member

Form Submit Button Margin/Padding

Thank you!

0 Upvotes
erod
Contributor

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 Upvotes
russellhawkins
Member

Form Submit Button Margin/Padding

0 Upvotes