Form fields have weird text placement

[SomeChick]

I think it’s just a style problem, but forms are placing the text weird. Pushed down below viewable area.

[Rui Guerreiro – SUPPORT]

Hi,

Do you mean that seems a bit distorted/blurry?

-Rui

[SomeChick]

No. If you look at the first two text fields in that form, the text is pushed down, as if there’s padding above or something. Just type something in there and you should see it. On Safari.

[David Martin – Support]

I see that for Safari only. Looks like the line-height should be 50% of the input height. Please use this CSS:

input[type="text"], input[type="email"], input[type="password"], textarea, select, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select, .ginput_container input[type="text"], .ginput_container input[type="email"], .ginput_container textarea, .ginput_container select, .mymail-form input[type="text"], .mymail-form input[type="email"], .mymail-form textarea, .mymail-form select, input[type="date"], input[type="tel"], input[type="number"] {
    line-height: 18px;
}

[SomeChick]

Perfect, as usual. Thank you, David!

[David Martin – Support]

Glad to help you out!

If you have found the theme/support useful, we appreciate it if you can leave feedback on our item if you have the time as it really helps us out.

Thanks,
David