Extra padding caused the fields to seem empty while typing

  • Profile Image
    publycydade
    Asked on December 22, 2014 at 05:06 PM

    the form open normally, but I can not write in any of the fields, such as name, email, phone ...

    google chrome is perfect, everything working normally.

    already cleared the cache in firefox and not solved.

    how to fix this problem?

    the site with the form: http://www.energysoundcar.no-capaoraso-curitiba.com.br/contato.html

    thank you

  • Profile Image
    Ben
    Answered on December 22, 2014 at 05:56 PM

    Hi,

    I saw the issue. It is caused by very big padding being set on the field showing white space over the text both from top and bottom, making it appear as if the there is no text at all.

    This is the CSS code that should resolve this for you:

    input {
        box-sizing: content-box;
        height: 37px !important;
        padding-bottom: 2px !important;
        padding-top: 2px !important;
    }

    You can see here how to Inject Custom CSS Codes.

    Do let us know if you have any further questions.

    Best Regards,
    Ben