Support » Plugin: Ninja Forms - The Easy and Powerful Forms Builder » Phone field looks different

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author James Laws

    (@jameslaws)

    I don’t see a form on that page, but this is usually cause by a theme not properly styling all form elements. The easiest thing to do would be use a normal text field as your phone field or copy the styles your theme applies and adjust it to also target the tel input type.

    Hi James,

    Sorry, the page was set to ‘private’. Now you can check it. I would like to keep the type for the phonenumber and I dont think it has to do with the theme. Where can I check which styles will be applied through the theme?

    Cheers,
    Lutfi

    Plugin Author James Laws

    (@jameslaws)

    Lutfi,

    I just looked at your form again and it is definitely your theme. Please see this screenshot of the rules your theme has on line 262 of it’s style.css: https://db.tt/G78TTB3t0c

    You can see that your theme applies it’s field styles to the input types of [type=”text”], [type=”email”], and [type=”password”]. It neglects to styles other html5 field types like [type=”tel”] which is why that field looks different from the rest.

    You can altar that rule and include other field types, but if you ever update the theme the changes will be lost. You can place a duplicate of that rule under the customizer in the Additional CSS section. Or you can turn on our opinionated styles under Forms > Settings > Advanced > Opinionated Styles.

    Hi James,

    Ok, the opinionated styles works perfect.

    Thanks and cheers,
    Lutfi

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Phone field looks different’ is closed to new replies.