Form Text Fields Not Working in IE or Firefox

Viewing 3 replies - 1 through 3 (of 3 total)
  • Ov3rfly

    (@ov3rfly)

    There is some CSS which sets padding: 16px !important; and height: 25px; (with border-box model) for these input fields, that means that your field is 25px high but has a top and bottom padding of 16px each so the space for your entry is -7px, that’s why it is not visible.

    Solution: Remove the height: 25px; in your styles at .wpcf7 input[type="text"], .wpcf7 input[type="email"] { ... }, not sure which file as your CSS is minified with W3 Total Cache…

    Thread Starter jessicadohm

    (@jessicadohm)

    Yep, I just removed the padding altogether and it works great. Not sure why the discrepancy between browsers, but thanks so much for your solution Ov3rfly!

    Ov3rfly, thanks for the input as i was able to get mine working as well. would you know how to reduce the padding as that would hopefully reduce the height of the field? they are just too big. thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Form Text Fields Not Working in IE or Firefox’ is closed to new replies.