Tagged: Firefox, gravity form
-
AuthorPosts
-
August 13, 2014 at 11:59 pm #304070
Hello, i have an issue with the theme on firefox only. my site contain many Gravity Forms‘s form. Except that the form works well everywhere, but not on mozilla firefox. I contacted Gravity Forms, but the problems seems to be with the theme as it works fine with other theme on this particular browser. The issue is when filling the form, the characters doesn’t display on Firefox only, yet displays everywhere (Other browsers)
here’s a screenshot : LinkAugust 14, 2014 at 4:31 am #304139Hi Mauriweb!
Thank you for using Enfold.
Please use this on Quick CSS or custom.css:
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { font-size: 13px !important; line-height: 1.3em !important; height: 30px; min-height: 30px; }
Cheers!
IsmaelOctober 9, 2014 at 2:49 pm #333246Hello, i hope you are okay. After updating to the new version, these syntax you gave about gravity form has stop working. Anything should be added to it?
October 9, 2014 at 2:54 pm #333248This reply has been marked as private.October 10, 2014 at 12:05 am #333510Hey!
It does work fine on my end on OS X 10.9.5 Firefox 32.0.3 – http://i.imgur.com/vEdeeN3.png
Which OS and Firefox version are you using?Cheers!
YigitOctober 10, 2014 at 12:21 am #333519Hey there, Im currently using win 8 and firefox 32.0.3
October 10, 2014 at 12:27 am #333522Hi!
I asked Ismael and Arvish to look into it. They are using Windows 8.
Please kindly wait to hear from themBest regards,
YigitOctober 10, 2014 at 7:48 am #333712Hi!
Change the code provided by Ismael to the following:
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { font-size: 13px !important; line-height: 1.3em !important; height: 40px; min-height: 30px; }
The only difference is a height change.
Here the screenshot of the form when the code is applied.
Best regards,
Arvish -
AuthorPosts
- You must be logged in to reply to this topic.