Hi there,
Is there anyway I can make the padding smaller in this form at the top right of the page. I cannot seem to find it in inspect element
https://digitalmarketinginstitute.com/students/courses/test-area/business-duplicate
Basically just want to tighten it all up.
Solved! Go to Solution.
you need to add the following styles to your forms custom css section or the <style> section in the head of your page.
I have added 2px below but obviously you change that to what you like.
form.mktoForm .intl-tel-input{margin-bottom:2px !important;}
.mktoField{margin-bottom:2px !important;}
Hey Callum,
You'll need to be more specific about exactly where in the form you want to change the padding - an annotated screenshot or a design of how it should look would be helpful. Otherwise we don't know whether you mean padding around the outside of the whole form, between the fields and the header, top/bottom padding between fields, left/right padding between fields, etc.
Thanks Grace for the reply
Here is a image of the form.
I basically want these fields to move up a bit where the arrows are going if at all possible
you need to add the following styles to your forms custom css section or the <style> section in the head of your page.
I have added 2px below but obviously you change that to what you like.
form.mktoForm .intl-tel-input{margin-bottom:2px !important;}
.mktoField{margin-bottom:2px !important;}
Thanks for this!