No padding below field

  • Resolved guber

    (@guber)


    6 years, 11 months ago

    Anyone else seeing an issue where the number field sits on top of the field below it? Seems the field has no padding value or it is not inheriting the padding value used by the rest of the form

    I’m seeing this on both standard CF7 styling and form-flat styling, across various browsers, etc…

    Can I force padding on the input field?

    https://imgur.com/9P3l1Mf

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor damiarita

    (@damiarita)

    I can’t tell exactly without seeing the actual site.

    My guess is that your CSS applies padding or margin to your fields of different types (“text”, “email”… for example). But not to type “tel”. Something similar to this other case: https://www.ads-software.com/support/topic/input-field-size-2/

    Or maybe other fields have a class that gives them the padding/margin and you just have to add it like in this case: https://www.ads-software.com/support/topic/strange-look-2/

    In order to find out, you will have to check your website opening the developer tools in your browser (normally pressing F12 opens it, otherwise, right-click on your filed and select Inspect Element)

    Thread Starter guber

    (@guber)

    Thanks damiarita

    I checked the CSS of my existing form fields and they all had a bottom margin (not padding) of 1em so I added the following to my stylesheet

    .intl-tel-input {
    margin-bottom: 1em;
    }

    Done the trick!

    Plugin Contributor damiarita

    (@damiarita)

    Awesome

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘No padding below field’ is closed to new replies.