CMS Development

russellhawkins
メンバー

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 いいね!
8件の返信
webdew
ガイド役 | Diamond Partner
ガイド役 | 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 いいね!
russellhawkins
メンバー

Form Submit Button Margin/Padding

0 いいね!
erod
投稿者

Form Submit Button Margin/Padding

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

0 いいね!
russellhawkins
メンバー

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 いいね!
erod
投稿者

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 いいね!
russellhawkins
メンバー

Form Submit Button Margin/Padding

Thank you!

0 いいね!
erod
投稿者

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 いいね!
russellhawkins
メンバー

Form Submit Button Margin/Padding

0 いいね!