Contact Form 7 input data not displaying in Firefox

[anointedwebdesign]

Hello

I am having some display issues with Contact Form 7 and Firefox.

I have a basic contact form on a site I’m designing and input data is displaying correctly on all other browsers, but it doesn’t display on Firefox. Is there a fix for this issue?

The website is elevationplumbing.com.au

[christian]

Hey @anointedwebdesign,

Upon checking, your contact form looks the same in Chrome and Firefox.

Firefox

Chrome

Please clear your browser cache and also test in incognito mode. If after that the issue persists, please give us a screenshot of the issue and what OS and browser version you’re using.

Thanks.

[anointedwebdesign]

Hello

The issue is not with the contact form being visible, its that any data the user inputs into the form is not visible. So if you try to use the form in Firefox (try to write into the name / telephone number / email box) then nothing displays. If you do the same in chrome (or another browser) then it displays correctly.

[friech]

Hi There,

Thank you for the clarification, please look for this custom CSS on Theme Options > CSS and change the padding: 20px 10px; to padding: 0 10px;

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background: #fff;
  padding: 20px 10px;
  border: none;
}

Hope it helps,
Cheers!

[anointedwebdesign]

Thank you that’s fixed it!

[christian]

You’re welcome.