SOLVED

Padding smaller

Go to solution
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
Highlighted

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
Level 7 - Champion

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.

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

Highlighted

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

Level 3

Re: Padding smaller

Thanks for this!