https://legacy.forums.gravityhelp.com/topic/different-field-background-colours Gravity Support Forums Topic: Different field background colours en-US Sun, 19 Apr 2026 23:29:20 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/different-field-background-colours#post-45019 Tue, 27 Dec 2011 20:38:02 +0000 Carl Hancock 45019@https://legacy.forums.gravityhelp.com/ <p>Kyle did a good job above of outlining the problem. He's exactly right. With HTML5 enabled it's going to output HTML5 input types. </p> <p>If your theme is configured to style SOME of the HTML5 input types, but not all of them... there could be some inconsistency in how the fields appear. </p> <p>You'd need to adjust things so that all of the HTML5 input types are styled in a consistent fashion in your theme stylesheet.</p> <p>Closing this topic as it appears you have a handle on this issue. </p> https://legacy.forums.gravityhelp.com/topic/different-field-background-colours#post-45000 Tue, 27 Dec 2011 13:33:50 +0000 Chris Middleton 45000@https://legacy.forums.gravityhelp.com/ <p>Kyle, that's cracking - and thanks for the quick response. For the moment I have disabled HTML5 as the easy way to solve this - I will come back to this when I have finished this and the new site which my dentist wants up and running for 3 Jan... </p> <p>Many thanks again for your help, and all the best. Chris </p> https://legacy.forums.gravityhelp.com/topic/different-field-background-colours#post-44999 Tue, 27 Dec 2011 13:27:46 +0000 kyle 44999@https://legacy.forums.gravityhelp.com/ <p>In the Gravity Forms Settings, you've enabled HTML5 on the new site. This means that instead of the input field having the type of TEXT it has the type of EMAIL and TEL. So your styling needs to be adjusted. In your stylesheet you have:<br /> <pre><code>[css] input[type=&quot;text&quot;], textarea, input[type=&quot;submit&quot;], ins { background-color: #F0F0F0; }</code></pre> <p>You'll want to change this to:<br /> <pre><code>[css] input[type=&quot;text&quot;], input[type=&quot;email&quot;], input[type=&quot;tel&quot;], textarea, input[type=&quot;submit&quot;], ins { background-color: #F0F0F0; }</code></pre> <p>I think you have some other styling for these too in another section (box-shadow for example), so basically if you do a search in your style.css for <u>type="text"</u> you can add the type="email" and type="tel" options to get them to take on the same styling. </p> https://legacy.forums.gravityhelp.com/topic/different-field-background-colours#post-44997 Tue, 27 Dec 2011 13:19:04 +0000 Chris Middleton 44997@https://legacy.forums.gravityhelp.com/ <p>Hi, I am just in the process of transferring a site to a new domain. The old one is on the previous version of GF so not sure if this is something in my styling or a change to the GF code. On the new one, the field backgrounds are different colours for different fields, seeminly at randon.</p> <p>Old (OK) form - <a href="http://www.southwelldentalcare.com/register/" rel="nofollow">http://www.southwelldentalcare.com/register/</a><br /> New (problem) form - <a href="http://www.carltonandsouthwelldentalcare.com/southwell/register/" rel="nofollow">http://www.carltonandsouthwelldentalcare.com/southwell/register/</a></p> <p>Compare the Name and Email fields. Can you shed any light on this?</p> <p>Hope you all had a great holiday, all the best for a successful 2012 to everyone at Rocketgenius.</p> <p>Thanks, Chris </p>