SOLVED

Padding smaller

Go to solution
Callum_Pirie
Level 3

Padding smaller

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.

1 ACCEPTED SOLUTION

Accepted Solutions
Gerard_Donnell4
Level 10

Re: Padding smaller

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;}

View solution in original post

4 REPLIES 4
Grace_Brebner3
Level 10

Re: Padding smaller

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.

Callum_Pirie
Level 3

Re: Padding smaller

Thanks Grace for the reply

Here is a image of the form.

1.png

I basically want these fields to move up a bit where the arrows are going if at all possible

Gerard_Donnell4
Level 10

Re: Padding smaller

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;}

Callum_Pirie
Level 3

Re: Padding smaller

Thanks for this!